TIP
该配置由 Modern.js Builder 提供,更多信息可参考 tools.minifyCss。
Object | Function | undefined
const defaultOptions = {
minimizerOptions: {
preset: [
'default',
{
mergeLonghand: false,
},
],
},
};
仅支持 webpack
在生产环境构建时,Builder 会通过 css-minimizer-webpack-plugin 对 CSS 代码进行压缩优化。可以通过 tools.minifyCss
修改 css-minimizer-webpack-plugin 的配置。
当 tools.minifyCss
的值为 Object
类型时,会与默认配置通过 Object.assign
合并。
例如下面修改 cssnano 的 preset
配置:
export default {
tools: {
minifyCss: {
minimizerOptions: {
preset: require.resolve('cssnano-preset-simple'),
},
},
},
};
当 tools.minifyCss
配置为 Function
类型时,默认配置作为第一个参数传入,可以直接修改配置对象,也可以返回一个值作为最终结果。
export default {
tools: {
minifyCss: options => {
options.minimizerOptions = {
preset: require.resolve('cssnano-preset-simple'),
},
}
}
};