vue.js - 如何在 vue-cli 生成的 vue.config.js 中设置 mini-css-extract-plugin 的配置
问题描述
我有一个相当大的 Vue 项目,最初是用 vue-cli 创建的。我在构建时收到臭名昭著的“无法满足所需的块组顺序”警告。经过大量搜索,我认为解决方案是添加ignoreOrder
到初始配置选项,mini-css-extract-plugin
但我不知道如何。我认为这应该在vue.config.js
. 该文件的内容是:
module.exports = {
lintOnSave: false
}
我试过了:
module.exports = {
lintOnSave: false,
configureWebpack: {
plugins: [
new MiniCssExtractPlugin({ ignoreOrder: true })
]
}
}
但这给了我一个错误,我认为这意味着模块被加载了两次。
我试过了:
module.exports = {
lintOnSave: false,
css: {
loaderOptions: {
ignoreOrder: true
}
}
}
但这给了我一个语法错误。
如何设置该选项?
解决方案
根据文档,您可以min-css-extract-plugin
通过属性传递选项来传递配置,css.extract
如下所示:
// vue.config.js
module.exports = {
// ...,
css: {
extract: {
ignoreOrder: true
},
}
};
推荐阅读
- sql - 如何从 oracle 触发器更改为 oracle 复合触发器?
- reactjs - 动态添加元素时,状态保持在该元素内的默认值
- pentaho-spoon - 区分连字符 [-] 和负号 [-2.22]
- r - 如何自动计数()每个变量
- java - 使用 LibGdx openURI 时出现错误 -12
- python - 在 Python 中使用部分旋转的高斯消除
- ios - UIPickerView 只显示两条灰线
- python - 在 CNN 上抢头条(美汤)
- excel - 如何编辑工作簿中所有工作表中相同的 Excel 表格列标题的文本?
- fortran - f77 文件通过 ifort 编译但在使用 gfortran 时失败