如何在vue-cli生成的vue.config.js中设置mini-css-extract-plugin的配置

问题描述

我有一个相当大的 Vue 项目，最初是用 vue-cli 创建的。我在构建时收到臭名昭著的“无法满足块组的所需顺序”警告。经过大量搜索，我认为解决方案是将 { "trackResponse": { "shipment": [{ "warnings": [{ "code": "TW","message": "Tracking Information Not Found" }] }] } } 添加到 ignoreOrder 的初始配置选项，但我不知道如何。我认为这应该在 mini-css-extract-plugin 中完成。该文件的内容是：

vue.config.js

我试过了：

module.exports = {
  lintOnSave: false
}

但这给了我一个错误，我认为这意味着模块被加载了两次。

我试过了：

module.exports = {
  lintOnSave: false,configureWebpack: {
    plugins: [
      new MiniCssExtractPlugin({ ignoreOrder: true })
    ]
  }
}

但这给了我一个语法错误。

如何设置该选项？

解决方法

根据 document，您可以通过 css.extract 属性传递选项来传递 min-css-extract-plugin 的配置，如下所示：

// vue.config.js
module.exports = {
  // ...,css: {
    extract: {
      ignoreOrder: true
    },}
};