title: Webpack dev server hot reloading not working with reactjs, though i have done "inline:true"?
body: <p>Why does Hot Module Replacement stop working on webpack dev server?</p>
  
  <p>My <em>package.json</em> file:</p>
  
  <pre><code>{
    "name": "routing-react",
    "version": "1.0.0",
    "description": "Just a little ReactJS Training Ground",
    "main": "index.js",
    "scripts": {
      "start": "npm run build",
      "test": "echo \"Error: no test specified\" &amp;&amp; exit 1",
      "build": "webpack -d &amp;&amp; cp src/index.html dist/index.html &amp;&amp; webpack-dev-server --content-base src/ --inline --hot",
      "build:prod": "cp src/index.html dist/index.html &amp;&amp; webpack -p"
    },
    "keywords": [
      "react"
    ],
    "author": "gd10",
    "license": "MIT",
    "dependencies": {
      "css-loader": "^0.28.9",
      "react": "^15.1.0",
      "react-dom": "^15.1.0",
      "react-hot-loader": "^3.1.3",
      "style-loader": "^0.20.1",
      "webpack-hot-middleware": "^2.21.0"
    },
    "devDependencies": {
      "babel-loader": "^6.4.1",
      "babel-preset-es2015": "^6.9.0",
      "babel-preset-react": "^6.5.0",
      "babel-preset-stage-2": "^6.11.0",
      "webpack": "^1.13.1",
      "webpack-dev-server": "^1.14.1"
    }
  }
  </code></pre>
  
  <p>I have also set:</p>
  
  <pre><code>devserver = {
      historyApiFallback: true,
      inline: true,
      hot: true
  }
  </code></pre>
  
  <p>But it didn't helped.</p>
  
  <p><em>webpack.config.js</em> file: </p>
  
  <pre><code>var webpack = require('webpack');
  var path = require('path');
  
  var DIST_DIR = path.resolve(__dirname, 'dist');
  var SRC_DIR = path.resolve(__dirname, 'src');
  
  var config = {
      devServer: {
          historyApiFallback: true,
          contentBase: './',
          inline: true,
          hot:true,
          port: 3004,
      },
      entry: SRC_DIR + '/app/index.js',
      output: {
          path: DIST_DIR + '/app',
          filename: 'bundle.js',
          publicPath: '/app/'
      },
      module: {
          loaders: [
              {
                  test: /\.js?/,
                  include: SRC_DIR,
                  loader: 'babel-loader',
                  query: {
                      presets: ['react', 'es2015', 'stage-2']
                  }
              },
              {
                  test: /\.css?/,
                  loader:'style-loader!css-loader'
              },
          ]
      }
  };
  
  module.exports = config;
  </code></pre>
  
  <p>Previously I had CSS loaders issue and after adding loaders in <em>webpack.config.js</em> I got webpack stopped.
  how can I make Hot module work?</p>