title: Webpack / eslintrc - resolve files extensions
body: <p>I added this code to my <code>webpack</code> configuration:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>resolve: {
      extensions: ['.js', '.jsx', '.css', '.scss', '.json'],
      modules: [
          'node_modules'
      ]
  },</code></pre>
  </div>
  </div>
  </p>
  
  <p>And it doesn't work. I can't import files without defining their extensions. But when I added :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>"import/resolver": {
    "webpack": {
      "config": {
        "resolve": {
          "extensions": [".js", ".jsx", ".css", ".scss", ".json"]
        }
      }
    }
  },</code></pre>
  </div>
  </div>
  </p>
  
  <p>under <code>settings</code> in my <code>.eslintrc</code> file, resolving works. What is the difference? Why it doesn't work in webpack?</p>