ESlint: Turning off a specific rule across a project
<p>I've read the docs on how to disable rules from within a file, however I'm wondering if there is a way to disable or overwrite rules from <code>.eslintrc</code> without overwriting other previous rules &amp; presets I defined. I'm working in an AngularJS project so I used <code>extends</code> property inside my <code>.eslintrc</code> file. </p>

<p>There are 3 specific rules from the angular ESlint plugin that I would like to disable, without disabling everything else I was using previously.</p>

<p>Without the <code>rules</code> property all of my linting rules work fine (spacing, grammar errors etc), but the two lint errors I don't want show up, naturally. However, with the <code>rules</code> property attached, all of my previous rules no longer get applied (spacing grammar errors etc). </p>

<p>I could just declare a rule to disable the specific rule I don't want applied at the top of my file, but that get's very repetitive (that's what I had done previously).</p>

<pre><code>{
  "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 &amp; 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"
  }
}
</code></pre>