title: how add reference files in HtmlWebpackPlugin
body: <p>how and where should I add reference links to files such as css or js in HtmlWebpackPlugin?</p>
  
  <p>here is my webpack config file:</p>
  
  <pre><code>plugins: [new HtmlWebpackPlugin({
          template: './src/index.html',
          filename: 'index.html',
          inject: 'body'
      })
  </code></pre>
  
  <p>and I want to add </p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;!-- App Favicon --&gt;
          &lt;link rel="shortcut icon" href="%PUBLIC_URL%/assets/images/favicon.ico"&gt;
  
          &lt;!-- Switchery css --&gt;
          &lt;link href="%PUBLIC_URL%/assets/plugins/switchery/switchery.min.css" rel="stylesheet" /&gt;
  
          &lt;!-- Bootstrap CSS --&gt;
          &lt;link href="%PUBLIC_URL%/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" /&gt;
          &lt;!-- Modernizr js --&gt;
          &lt;script src="%PUBLIC_URL%/assets/js/modernizr.min.js"&gt;&lt;/script&gt;
  
      &lt;/head&gt;
  
      &lt;body class="fixed-left"&gt;
        &lt;noscript&gt;
          You need to enable JavaScript to run this app.
        &lt;/noscript&gt;
        &lt;div id="root"&gt;&lt;/div&gt;
        &lt;script&gt;
            var resizefunc = [];
        &lt;/script&gt;
  
        &lt;!-- jQuery  --&gt;
        &lt;script src="%PUBLIC_URL%/assets/js/jquery.min.js"&gt;&lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>before I had public folder and I added assets and by using %PUBLIC_URL% was able to add reference but after adding webpack I don't know how to do it  </p>