title: Html Webpack Plugin - How do you import headers/footer html partials into body template
body: <p>I'm trying to figure out a way where you can have an index file that when compiled loads the global header and footer into the index.html file so I don't have to add this every time. </p>
  
  <p>At the moment this is what creates my index.html file: </p>
  
  <pre><code>    new HtmlWebpackPlugin({
          title: 'Typescript Webpack Starter',
          template: '!!ejs-loader!src/index.html'
      }),  
  </code></pre>
  
  <p>It loads the JS in the body and the css in the head fine but I'm wondering if I can do something like the below (just like a template engine would)</p>
  
  <pre><code>  &lt;body&gt;
         {{HEADER GETS IMPORTED HERE}}
         &lt;p&gt;Success your page has loaded&lt;/p&gt;
         &lt;button class="button"&gt;Button&lt;/button&gt;
         {{FOOTER GETS IMPORTED HERE}}
    &lt;/body&gt;
  </code></pre>
  
  <p>Let me know your thoughts</p>