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

Question

我曾经有这个vue.config.js，但在 vue 或其 deps 最新升级后它不再工作：

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