tools.minifyCss

TIP

该配置由 Modern.js Builder 提供,更多信息可参考 tools.minifyCss

  • 类型: Object | Function | undefined
  • 默认值:
const defaultOptions = {
  minimizerOptions: {
    preset: [
      'default',
      {
        mergeLonghand: false,
      },
    ],
  },
};

在生产环境构建时,Builder 会通过 css-minimizer-webpack-plugin 对 CSS 代码进行压缩优化。可以通过 tools.minifyCss 修改 css-minimizer-webpack-plugin 的配置。

Object 类型

tools.minifyCss 的值为 Object 类型时,会与默认配置通过 Object.assign 合并。

例如下面修改 cssnanopreset 配置:

export default {
  tools: {
    minifyCss: {
      minimizerOptions: {
        preset: require.resolve('cssnano-preset-simple'),
      },
    },
  },
};

Function 类型

tools.minifyCss 配置为 Function 类型时,默认配置作为第一个参数传入,可以直接修改配置对象,也可以返回一个值作为最终结果。

export default {
   tools: {
    minifyCss: options => {
      options.minimizerOptions = {
        preset: require.resolve('cssnano-preset-simple'),
      },
    }
  }
};