tools.cssExtract
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 类型时，与默认配置通过 Object.assign 合并。比如：
export default {
tools: {
cssExtract: {
pluginOptions: {
filename: 'static/css/[name].[contenthash:8].css',
},
},
},
};
Function 类型
当此值为 Function 类型时，默认配置作为第一个参数传入，你可以直接修改配置对象，也可以返回一个对象作为最终配置。比如：
export default {
tools: {
cssExtract: config => {
config.pluginOptions.filename = 'static/css/[name].[contenthash:8].css';
return config;
},
},
};
更多配置细节可参考 mini-css-extract-plugin。