TIP
该配置由 Modern.js Builder 提供,更多信息可参考 tools.cssExtract。
Object | Function
const defaultOptions = {
// Loader 配置
loaderOptions: {},
// Plugin 配置
pluginOptions: {
// cssPath 默认为 static/css, cssFilename 默认为 [name].[contenthash:8].css
filename: `${cssPath}/${cssFilename}`,
chunkFilename: `${cssPath}/async/${cssFilename}`,
ignoreOrder: true,
},
};
仅支持 webpack
通过 tools.cssExtract
可以更改 mini-css-extract-plugin 的配置。
当此值为 Object 类型时,与默认配置通过 Object.assign 合并。比如:
export default {
tools: {
cssExtract: {
pluginOptions: {
filename: 'static/css/[name].[contenthash:8].css',
},
},
},
};
当此值为 Function 类型时,默认配置作为第一个参数传入,你可以直接修改配置对象,也可以返回一个对象作为最终配置。比如:
export default {
tools: {
cssExtract: config => {
config.pluginOptions.filename = 'static/css/[name].[contenthash:8].css';
return config;
},
},
};
更多配置细节可参考 mini-css-extract-plugin。