title: Webpack-Dev-Server not showing latest files on change
body: <p>I am trying to get a project running that uses a webpack dev server with HMR and source-mapping but am running into an issue. When I use webpack alone with my configuration file the source-maps are indicated in the console output and HMR works on page-refresh, but there is no server. When I try to instead run the script using webpack-dev-server there is no indication in the console that source-maps are being generated and changes are not being rendered ( either automatically or on page refresh ) when recompilation is appearing in the console output.</p>
  
  <p>Here is my configuration file</p>
  
  <pre><code>/*
      Webpack Configuration File
      webpack.config.js
      ===
      Webpack configuration file for the, "Debugging Webpack Issues" project.
  
      @version:0.1.1
  
  */
  
  const webpack = require( "webpack" );
  const path = require( "path" );
  const htmlWebpackPlugin = require( "html-webpack-plugin" );
  
  const BUILD_PATH = path.resolve( __dirname, "../build" );
  const SOURCE_PATH = path.resolve( __dirname, "../src" );
  console.log(BUILD_PATH);
  console.log(SOURCE_PATH);
  
  let config = {
      entry: SOURCE_PATH + "/index.js",
      output: {
          path: BUILD_PATH + "/rsc/scripts/",
          filename: "bundle.js"
      },
      module: {
          rules: [
              {
                  test: /\.js$/,
                  loader: "babel-loader",
                  options: {
                      "presets" : [ "es2015", "react" ]
                  },
                  exclude: [/node_modules/],
                  include: SOURCE_PATH
              },
              {
                  test: /\.css$/,
                  use: [ "style-loader", "css-loader" ],
                  include: SOURCE_PATH,
                  exclude: [/node_modules/]
              }
          ]
      },
      devServer: {
          compress: true,
          port:9000,
          open: true,
          hot: true,
          contentBase: BUILD_PATH
      },
      devtool: "source-map",
      watch: true,
      target: "web",
      plugins: [
          new htmlWebpackPlugin({
              title: "Example React App",
              filename: "../../index.html",
              template: SOURCE_PATH + "/template.html" 
          }),
          new webpack.NamedModulesPlugin(),
          new webpack.HotModuleReplacementPlugin()
      ]
  };
  
  module.exports = config;
  </code></pre>
  
  <p>I am aware that webpack-dev-server may not be updating because it is trying to load from a static location, but I have attempted changes to my file that others specified in their projects ( such as adding publicPath to the file ) with this issue without success.</p>