title: Webpack dev server not reloading on save
body: <p>I'm trying to set up a project but I cant seem to get webpack to refresh when a save is made to the project.</p>
  
  <p>It doesn't seem to recompile bundle.js at all and i have re-run the script in order to see track any changes at the moment.</p>
  
  <p>Below is my webpack config and the scripts section of my package.json file.</p>
  
  <p>webpack.config.js</p>
  
  <pre><code>const webpack = require('webpack');
  const HtmlWebpackPlugin = require('html-webpack-plugin');
  const path = require('path');
  
  module.exports =  {
      entry: "./src/index.js",
      mode: "none",
      output: {
          path: path.resolve(__dirname, './dist'),
          filename: 'bundle.js'
      },
      module: {
          rules: [
              {
                  test: /\.(js|jsx)$/,
                  exclude: /node_modules/,
                  loader: "babel-loader"
              },
              {
                  test:/\.(s*)css$/,
                  use:[
                      'style-loader?sourceMap',
                      'css-loader?modules&amp;importLoaders=1&amp;localIdentName=[path]___[name]__[local]___[hash:base64:5]',
                      'sass-loader'
                  ]
              },
              {
                  test: /\.(png|jpg)$/,
                  loader: 'url-loader?limit=8192&amp;name=images/[name].[ext]',
              }
          ],
      },
      plugins: [
          new HtmlWebpackPlugin({
              template: "./src/templates/index.html"
          })
      ]
  };
  </code></pre>
  
  <p>scripts running from package.json</p>
  
  <pre><code>  "scripts": {
      "build": "webpack",
      "dev": "webpack-dev-server --config ./webpack.config.js"
    },
  </code></pre>