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.

INFO

The usage of this configuration item is exactly the same as that of Rsbuild. For detailed information, please refer to Rsbuild - tools.lightningcssLoader.