tools.lightningcssLoader#

• Type: Rspack.LightningcssLoaderOptions | Function | boolean
• Default: Rspack.LightningcssLoaderOptions | Function | boolean
• Bundler: only support rspack

You can configure builtin:lightningcss-loader through tools.lightningcssLoader.

Enable loader#

Set tools.lightningcssLoader to true to enable Rsbuild's built-in lightningcss-loader:

export default {
  tools: {
    lightningcssLoader: true,
  },
};

At this time, the default configuration is as follows:

const defaultOptions = {
  // use current browserslist config
  targets: browserslist,
  // minify is enabled when output.injectStyles is true and in production mode
  minify: config.mode === 'production' && config.output.injectStyles,
};

It should be noted that when lightningcss-loader is turned on, postcss-loader will be turned off by default.