Vue.js：vue.config.js 中的无效选项：不允许“插件”

Question

我有一个 webpack 项目，我想使用 Stylelint 进行 SCSS linting。我已按照 Stylelint 网站上的说明进行操作并安装了：

 "stylelint": "^12.0.1",
"stylelint-webpack-plugin": "^1.1.2",

然后我把它放在 vue.config.js 中：

 plugins: [
  new StylelintPlugin({
    files: '**/*.s?(a|c)ss'
  })
],

当我启动服务器时，我得到了这个：

 Invalid options in vue.config.js: "plugins" is not allowed

我到处搜索，但没有找到任何东西。任何帮助，将不胜感激。

这是 vue.config.js：

 const StylelintPlugin = require('stylelint-webpack-plugin')

module.exports = {

  plugins: [
    new StylelintPlugin({
      files: '**/*.s?(a|c)ss'
    })
  ],

  assetsDir: 'asset',

  configureWebpack: config => {
    config.entry = '@/wrapper/main.js'
  },

  chainWebpack: config => {
    config.plugins.delete('prefetch')
  },

  lintOnSave: undefined,
  runtimeCompiler: true
}

原文由 Bobby 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

调整 webpack 配置的最简单方法是为 vue.config.js 中的 configureWebpack 选项提供一个对象：

 // vue.config.js
module.exports = {
  configureWebpack: {
    plugins: [new MyAwesomeWebpackPlugin()]
  }
}

该对象将使用 webpack-merge 合并到最终的 webpack 配置中。

查看 https://cli.vuejs.org/guide/webpack.html 了解更多信息。

原文由 ealef 发布，翻译遵循 CC BY-SA 4.0 许可协议