title: Index.html template isn't loading favicon for HtmlWebpackPlugin
body: <p>I'm trying to load a <code>favicon</code> using the <code>index.html</code> that is the template for the <code>HtmlWebpackPlugin</code> but it's not loading.</p>
  
  <p>That is how my <code>Webpack</code> config looks like:</p>
  
  <pre><code>'use strict'
  
  const webpack = require('webpack')
  const { join, resolve } = require('path')
  
  const HtmlWebpackPlugin = require('html-webpack-plugin')
  
  module.exports = {
    devtool: 'cheap-module-eval-source-map',
    entry: join(__dirname, 'src', 'index'),
    output: {
      filename: 'bundle.js',
      path: resolve(__dirname, 'dist')
    },
    module: {
      rules: [
        {
          test: /\.js$/,
          exclude: /node_modules/,
          loader: 'babel-loader'
        },
        {
          test: /\.s?css$/,
          exclude: /node_modules/,
          use: ['style-loader', 'css-loader', 'sass-loader']
        }
      ]
    },
    resolve: {
      extensions: ['.js']
    },
    devServer: {
      contentBase: resolve(__dirname, 'build')
    },
    plugins: [
      new HtmlWebpackPlugin({
        template: join(__dirname, 'public', 'index.html')
      })
    ]
  }
  </code></pre>
  
  <p>And that is my <code>index.html</code>:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"&gt;
  
    &lt;link rel="shortcut icon" href="favicon.ico"&gt;
  
    &lt;title&gt;React App&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&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;/body&gt;
  
  &lt;/html&gt;
  </code></pre>