ESlint：关闭项目中的特定规则

Question

我已经阅读了有关如何从文件中禁用规则的文档，但是我想知道是否有一种方法可以禁用或覆盖规则.eslintrc而不覆盖我定义的其他以前的规则和预设。我在一个 AngularJS 项目中工作，所以我extends在我的.eslintrc文件中使用了属性。

我想禁用 angular ESlint 插件中的 3 个特定规则，而不禁用我以前使用的所有其他规则。

如果没有该rules属性，我的所有 linting 规则都可以正常工作（间距、语法错误等），但是我自然不想出现两个 lint 错误。但是，rules附加属性后，我以前的所有规则都不再适用（间距语法错误等）。

我可以声明一个规则来禁用我不想在文件顶部应用的特定规则，但这会非常重复（这是我之前所做的）。

{
  "rules": {
    "wrap-iife": [
      2,
      "inside"
    ],
    "max-len": [
      2,
      120
    ],
    "indent": [
      2,
      2
    ],
    "no-with": 2,
    "no-implicit-coercion": [
      2, {
        "string": true
      }
    ],
    "camelcase": [
      2, {
        "properties": "never"
      }
    ],
    "quotes": [
      2,
      "single"
    ],
    "linebreak-style": [
      2,
      "unix"
    ],
    "semi": [
      2,
      "always"
    ]
  },
  "env": {
    "es6": true,
    "browser": true,
    "node": true
  },
  "ecmaFeatures": {
    "modules": true
  },
  "globals": {
    "angular": true
  },
  "extends": "angular",

  //I just want to disable these rules & still use everything else
  //but when I add this, everything else I had previously no longer
  //applies
  "rules": {
    "angular/controller-as-vm": "off",
    "angular/document-service": "off",
    "angular/window-service": "off"
  }
}

Answer 1

在您.eslintrc 中，您有两个rules键。第二个将覆盖第一个。这是规则合并在一起的文件：

{
  "rules": {
    "wrap-iife": [
      2,
      "inside"
    ],
    "max-len": [
      2,
      120
    ],
    "indent": [
      2,
      2
    ],
    "no-with": 2,
    "no-implicit-coercion": [
      2, {
        "string": true
      }
    ],
    "camelcase": [
      2, {
        "properties": "never"
      }
    ],
    "quotes": [
      2,
      "single"
    ],
    "linebreak-style": [
      2,
      "unix"
    ],
    "semi": [
      2,
      "always"
    ],
    "angular/controller-as-vm": "off",
    "angular/document-service": "off",
    "angular/window-service": "off"
  },
  "env": {
    "es6": true,
    "browser": true,
    "node": true
  },
  "ecmaFeatures": {
    "modules": true
  },
  "globals": {
    "angular": true
  },
  "extends": "angular"
}