title: Webpack - HTML loader doens't scan all files
body: <p>I have implemented <code>html-loader</code> on my Webpack configuration file:</p>
  <pre class="lang-js prettyprint-override"><code>module: {
      rules: [
          {
              test: /\.html$/i,
              exclude: /(node_modules)/,
              use: ['html-loader'],
          },
      ]
  }
  </code></pre>
  <p>When I try to run webpack dev-server with the following line in <code>index.js</code></p>
  <pre class="lang-js prettyprint-override"><code>import html from  `./app/components/auth/auth.html`;
  </code></pre>
  <p>it's return the following error:
  <a href="https://i.stack.imgur.com/Cff4U.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Cff4U.png" alt="enter image description here" /></a></p>
  <p>I have tried to log all the files which are scanned and it seems that Webpack doesn't even check the entire <code>app</code> directory in my <code>src</code> folder:</p>
  <pre class="lang-js prettyprint-override"><code>{
      test: (path) =&gt; {
          console.log(path)
          return /\.html$/i.test(path)
      },
      exclude: /(node_modules)/,
      use: ['html-loader'],
  },
  </code></pre>
  <p>The only HTML file that was printed was <code>index.html</code>, which is located in the directory where <code>webpack</code> files are located.</p>
  <h2>My directory:</h2>
  <p><a href="https://i.stack.imgur.com/O0k6G.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/O0k6G.png" alt="enter image description here" /></a></p>