For AI agents: the complete documentation index is available at /zh/llms.txt, the full documentation bundle is available at /zh/llms-full.txt, and this page is available as Markdown at /zh/configure/app/tools/lightningcss-loader.md.
  • 简体中文

      • tools.lightningcssLoader

      • 类型： Rspack.LightningcssLoaderOptions | Function | boolean
      • 默认值： false

      通过 tools.lightningcssLoader 可以设置 builtin:lightningcss-loader 的选项。

      开启 loader

      将 tools.lightningcssLoader 设置为 true，可以开启 Rsbuild 内置的 lightningcss-loader：

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

      此时，默认生效的配置如下：

      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,
};

      需要注意的是，开启 lightningcss-loader 时，将会默认关闭 postcss-loader。

      Info

      该配置项的使用方式与 Rsbuild 完全一致。详细信息请参考 Rsbuild - tools.lightningcssLoader。