How do I setup a folder with a different rule and another folder with a different rule
<p>My folder structure is as follows:  </p>

<pre><code>-client // Contains the front end and AngularJS code  
-server // Contains backend code  
-models // Contains backend code  
</code></pre>

<p>Now, I wish to use <a href="https://github.com/Gillespie59/eslint-plugin-angular" rel="nofollow noreferrer">eslint angular</a> only for the client folder whereas I wish to use <a href="https://www.npmjs.com/package/eslint-config-airbnb-base" rel="nofollow noreferrer">airbnb base</a> for the other folders that are not inside the client folder.</p>

<p>I have two <code>.eslintrc.json</code> files - one in the client folder and one in the ROOT folder.</p>

<p>Client folder configuration looks like:   </p>

<pre><code>{
    "extends": "angular"
}
</code></pre>

<p>whereas the one in the root folder looks like:</p>

<pre><code>{
    "extends": "airbnb-base",
    "root": true
}
</code></pre>

<p>Now, in the root folder, when I run <code>eslint .</code>, while the backend folders are being linted correctly, the front end doesn't seem to be using the angularjs eslint at all - I am getting errors about ES6 which I am not using the client folder. I don't also get errors about not following John Papa's style guide in the client folder (which the angular plugin should).</p>

<p>However, if I go inside the client folder and run the esling command inside it, it seems to use the correct configuration.</p>

<p>How do I configure it so that only client folder uses the angular eslint whereas the other folders use the airbnb one?</p>