close
  • 简体中文

      • tools.cssExtract

      • 类型：
      import type {
  CssExtractRspackPluginOptions,
  CssExtractRspackLoaderOptions,
} from '@rspack/core';

type CSSExtractOptions = {
  pluginOptions?: CssExtractRspackPluginOptions;
  loaderOptions?: CssExtractRspackLoaderOptions;
};
      • 默认值：
      const defaultOptions = {
  pluginOptions: {
    ignoreOrder: true,
    // 默认值由 Rsbuild 的 output.distPath 和 output.filename 选项决定
    filename: 'static/css/[name].css',
    chunkFilename: 'static/css/async/[name].css',
  },
  loaderOptions: {},
};
      • 版本： >= 0.7.0

      Rsbuild 默认使用 CssExtractRspackPlugin 插件将 CSS 提取为独立的文件。

      通过 tools.cssExtract 可以更改 CssExtractRspackPlugin 的选项。

      pluginOptions

      • 类型： CssExtractRspackPluginOptions
      • 示例：
      rsbuild.config.ts
      export default {
  tools: {
    cssExtract: {
      pluginOptions: {
        ignoreOrder: false,
      },
    },
  },
};

      loaderOptions

      • 类型： CssExtractRspackLoaderOptions
      • 示例：
      rsbuild.config.ts
      export default {
  tools: {
    cssExtract: {
      loaderOptions: {
        esModule: false,
      },
    },
  },
};

      请参考 CssExtractRspackPlugin 插件文档来了解所有可用的选项。