title: How to bundle html, js and css in one html file with webpack?
body: <p>I have built my application with <strong>webpack</strong> merging all css into one file, all js into one file and having one html for my SPA app.</p>
  
  <p>When I do my testing with webpagetest most of my issues is not with loading the files but loading them as individual files.</p>
  
  <p><code>html+css+js=index.html</code> </p>
  
  <p>How do I pack my html, css and js into a single index.html, so I <strong>can avoid http overhead</strong>?</p>
  
  <p>Webpack or any webpack plugin is better, since we are already using it.</p>
  
  <p>Thanks for any direction on this.</p>