title: How to link to other HTML files within a template HTML file using html-webpack-plugin
body: <p>I have used the html-webpack-plugin to generate multiple HTML files within the dist folder. They rely on their own template files, and when I update the template files then the 'dynamic' webpack version is also updated, which shows that it is working. My issue is that I want to link to the other HTML files in a nav bar.</p>
  
  <p>If I link to the template files, it won't work because the source is not the same once the template files are compiled into the webpack version. </p>
  
  <p>Inside webpack.common.js:</p>
  
  <pre><code>plugins: [
          new HtmlWebpackPlugin({
              template: "./src/templates/template-index.html"
          }),
          new HtmlWebpackPlugin({
              filename: 'subjects.html',
              template: "./src/templates/template-subjects.html"
          }),
          new HtmlWebpackPlugin({
              filename: 'prices.html',
              template: "./src/templates/template-prices.html"
          }),
          new HtmlWebpackPlugin({
              filename: 'faq.html',
              template: "./src/templates/template-faq.html"
          }),
          new HtmlWebpackPlugin({
              filename: 'resources.html',
              template: "./src/templates/template-resources.html"
          }),
          new HtmlWebpackPlugin({
              filename: 'contact.html',
              template: "./src/templates/template-contact.html"
          }),
          new HtmlWebpackPlugin({
              filename: 'reviews.html',
              template: "./src/templates/template-reviews.html"
          })
      ], 
  </code></pre>
  
  <p>Inside template-index.html: </p>
  
  <pre><code>&lt;div class="navbar-nav"&gt;
            &lt;a class="nav-item nav-link active" href="./template-subjects.html"&gt;Subjects&lt;/a&gt;
            &lt;a class="nav-item nav-link" href="./template-prices.html"&gt;Price guide&lt;/a&gt;
            &lt;a class="nav-item nav-link" href="./template-faq.html"&gt;FAQ's&lt;/a&gt;
            &lt;a class="nav-item nav-link" href="./template-reviews.html"&gt;Testimonials&lt;/a&gt;
            &lt;a class="nav-item nav-link" href="./template-resources.html"&gt;Study resources&lt;/a&gt;
            &lt;a class="nav-item nav-link" href="./template-contact.html"&gt;Contact us&lt;/a&gt;
          &lt;/div&gt; 
  </code></pre>
  
  <p>If I then run npm build and try to click on the nav links the error message says: Cannot GET /template-subjects.html</p>