tools.minifyCss

适用的工程方案

• MWA

• 类型： Object | Function
• 默认值：见下方配置详情。

minifyCss 配置详情

  {
    cssProcessorOptions: {
      parser: safePostCssParser,
        map: { // 设置 output.disableSourceMap 后，为 false
          inline: false,
          annotation: true,
        }
    },
  }

提示

更多关于：MinifyCss 配置。

对应 optimize-css-assets-webpack-plugin 的配置， 值为 Object 类型时，与默认配置合并(deep merge)：

modern.config.js

export default defineConfig({
  tools: {
    minifyCss: {},
  },
});

值为 Function 类型时，默认配置作为第一个参数传入，可以直接修改配置对象不做返回，也可以返回一个对象作为最终结果。例如下面修改 cssnano 的配置：

modern.config.js

export default defineConfig({
  tools: {
    minifyCss: options => {
      options.cssProcessorPluginOptions = {
        preset: ['default', { reduceTransforms: false }],
      },
    }
  }
});