title: How to get browser reload when editing html/jade files in webpack
body: <p>This is part of the code I have in my <code>webpack.config.js</code></p>
  
  <pre><code>const common = {
    entry: {
      style: PATHS.style,
      app: PATHS.jsComp
    },
    output: {
      path: PATHS.build,
      filename: '[name].js'
    },
    module: {
      loaders: [
        { test: /\.jade$/, loader: "jade" }
      ]
    },
    plugins: [
      new HtmlWebpackPlugin({
        title: 'Webpack demo',
        template: PATHS.template, // Load a custom template (ejs by default but can be changed) 
      inject: 'body' // Inject all scripts into the body (this is the default so you can skip it) 
      })
    ]
  };
  </code></pre>
  
  <p>I'm showing you the section where I think the problem is, I don't think you needed the entire code, but it's basically a slightly modified version of this <a href="https://github.com/survivejs-demos/webpack-demo/blob/master/webpack.config.js" rel="nofollow">git file</a></p>
  
  <p>When I run <code>webpack-dev-server</code> everything works. JavaScript and SASS changes do reload the browser but when I change by <code>jade</code> file, the browser doesn't reload. In the terminal I have tried running these variations of <code>webpack-dev-server</code></p>
  
  <pre><code>webpack-dev-server
  webpack-dev-server --inline --hot
  webpack-dev-server --inline --hot --colors
  webpack-dev-server --inline --hot --colors --content-base app
  webpack-dev-server --inline --hot --colors --content-base app --host 0.0.0.0
  webpack-dev-server --inline --hot --colors --host 0.0.0.0
  </code></pre>
  
  <p>None of the above 6 variations get the browser reloading when I made changes to the jade file.</p>
  
  <p>Also, if I remember correctly, after every tutorial I have went through (before finding this setup), the browser never reloaded on <code>html</code> changes. </p>
  
  <p>Is there anything else that I need to install (globaly or otherwise)</p>