title: How can I add new rules to loaders while using VUE CLI 3.x
body: <p>In the last couple of days I have tried to refer a HTML page inside Vue-router, but no matter what I have tried, the only thing I got back is the following error: </p>
  
  <blockquote>
    <p>Module parse failed: Unexpected token (1:0)
    You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.</p>
  </blockquote>
  
  <p>I have already attempt many different stack responses to fix it, but most of them actually requires to add an extra rule inside <code>webpack.config.js</code>.</p>
  
  <pre class="lang-js prettyprint-override"><code>{
    test: /\.(html)$/,
    use: {
      loader: "html-loader",
      options: {
        attrs: [":data-src"]
  }
  </code></pre>
  
  <p>However in the latest version of Vue CLI, it looks like this file is not available anymore. </p>
  
  <p>The HTML page is placed in the <code>public/static</code> directory, so it is running fine when I access it from  <code>localhost:8080/static/home.html</code>, but my goal is to access it as my home page (using <code>localhost:8080/</code>  only) .</p>
  
  <p>So far I have already installed both <code>html-loader</code> and <code>vue-loader</code> and yet no sign of success. </p>
  
  <p>P.S. I have tried to convert this HTML file and its complementary files (css, fonts and js) into a component, but I had no success as well.</p>