title: webpack-dev-server not reloading on html or sass change
body: <p>My project has this structure:   </p>
  
  <pre><code>\root    
     \webpack.config.js
     \public
       \ index.html
       \ ...
       \ css
       \ directives
       \ views   
       \ dist (webpack output)
         \app.js
         \ index.html
         \ app.js.map   
         \ style.css
         \ style.css.map
  </code></pre>
  
  <p>when i use webpack-dev-server I launch it from /root and it loads the app. But, when i change a sass file or html file it does not reload.   What is wrong with the webpack config?   </p>
  
  <p>Command to launch webpack:   </p>
  
  <pre><code>$ cd root
  $ webpack-dev-server
  </code></pre>
  
  <p>Webpack.config.js</p>
  
  <pre><code>const path = require('path');
  const ExtractTextPlugin = require('extract-text-webpack-plugin');
  var HtmlWebpackPlugin = require('html-webpack-plugin');
  
  const webConfig = {
    entry: path.join(__dirname, 'public', 'js', 'app'),
    output: {
      path: path.join(__dirname, 'public', 'dist'),
      filename: 'app.js'
    },
    resolve: {
      modules: [__dirname, 'node_modules'],
      extensions: ['.js'],
      enforceExtension: false,
    },
    devtool: 'source-map',
    devServer:{
      contentBase: 'public/',
      publicPath: 'public/'
    },
    module: {
      loaders: [
        {
          test: /\.scss$/,
          loader: ExtractTextPlugin.extract({
            loader: 'css-loader?modules,localIdentName=[name]__[local]--[hash:base64:5]!sass-loader'
          }),
          exclude: /node_modules/
        },
        {
          test: /\.html$/,
          loader: "raw-loader" // loaders: ['raw-loader'] is also perfectly acceptable.
        }
      ]
    },
    plugins: [
      new ExtractTextPlugin({filename: 'style.css', allChunks: true}),
      new HtmlWebpackPlugin({
        template: './public/index.html'
      })
    ]
  };
  
  module.exports = webConfig;
  </code></pre>