title: browser automatic reload when index.html changes
body: <p>I am using <code>webpack-dev-server</code> in a very simple setup.
  I've found that even though the server automatically triggers a browser reload when the <code>index.js</code> file changes, it does <em>not</em> trigger a reload when the <code>index.html</code> changes. How can I achieve that?</p>
  
  <p>Here's my setup:</p>
  
  <p><strong>package.json</strong></p>
  
  <pre><code>{
    "name": "html-reload",
    "version": "1.0.0",
    "description": "",
    "main": "src/index.js",
    "scripts": {
          "build": "node_modules/webpack/bin/webpack.js",
          "start": "webpack-dev-server --host 0.0.0.0 --port 8383 --content-base dist"
    },
    "author": "",
    "license": "ISC",
    "devDependencies": {
      "webpack": "^1.12.14",
      "webpack-dev-server": "^1.14.1"
    }
  }
  </code></pre>
  
  <p><strong>webpack.config.js</strong></p>
  
  <pre><code>module.exports = {
      entry: './src/index.js',
      output: {
          path: 'dist',
          filename: 'bundle.js'
      }
  };
  </code></pre>
  
  <p>I launch the <code>webpack-dev-server</code> with: <code>npm run start</code> and I point my browser to:</p>
  
  <pre><code>http://localhost:8383/webpack-dev-server/index.html
  </code></pre>
  
  <p>Every change I made in <code>src/index.js</code> is automatically refreshed in the browser, but not so with changes I make in <code>dist/index.html</code>.</p>