如何在最新的Vue中禁用eslint覆盖？

Question

我曾经在vue.config.js中使用这个，但在最新的Vue或其依赖项升级后，它不再起作用：

chainWebpack: config => {
  // disable eslint nag screen when building for different environments
  if (!isProduction) config.module.rules.delete('eslint');
}

在 vue-cli 的文档中有一部分说我可以这样做：

  devServer: {
    overlay: {
      warnings: false,
      errors: false
    },

但是它说覆盖选项无效

- Tallboy

Answer 1

Vue CLI 5 使用 Webpack 5，将 devServer.overlay 移动到 devServer.client.overlay：

// vue.config.js
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  devServer: {
    client: {
      overlay: {
        warnings: false,
        errors: false,
      },

      // or
      overlay: false,
    }
  }
})

- tony19