简体中文

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
示例：

export default {
  tools: {
    cssExtract: {
      pluginOptions: {
        ignoreOrder: false,
      },
    },
  },
};

loaderOptions

类型： CssExtractRspackLoaderOptions
示例：

export default {
  tools: {
    cssExtract: {
      loaderOptions: {
        esModule: false,
      },
    },
  },
};

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

目录