如何在最新的 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
    },

但是它说 overlay 不是一个有效的选项

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,
    }
  }
})

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

How to disable eslint overlay in latest Vue?

eslint

webpack

vue.js

vue-cli

eslintrc