title: WebPack disable HMR
body: <p>I am trying to run a simple <code>webpack-dev-server</code> that compiles <em>.bundle.js</em> files when they are requested if relevant source JavaScript files have changed. I do not want to enable Hot Module Replacement (HMR) at this time.</p>
  
  <p>I have the server working, but it prints the following errors to the JavaScript console:</p>
  
  <pre><code>GET https://monkey.transposit.com:3000/sockjs-node/info?t=1486581439029 net::ERR_CONNECTION_CLOSED
      AbstractXHRObject._start @ home.bundle.js:3182
      (anonymous) @ home.bundle.js:3071
  [WDS] Disconnected!
      log @ home.bundle.js:3684
      close @ home.bundle.js:3753
      sock.onclose @ home.bundle.js:3980
      EventTarget.dispatchEvent @ home.bundle.js:2917
      (anonymous) @ home.bundle.js:6021
  GET https://monkey.transposit.com:3000/sockjs-node/info?t=1486581439029 net::ERR_CONNECTION_CLOSED
      AbstractXHRObject._start @ home.bundle.js:3182
      (anonymous) @ home.bundle.js:3071
  GET https://monkey.transposit.com:3000/sockjs-node/info?t=1486581440063 net::ERR_CONNECTION_CLOSED
      AbstractXHRObject._start @ home.bundle.js:3182
      (anonymous) @ home.bundle.js:3071
  </code></pre>
  
  <p>I'm unclear on what the browser is trying to do that I'm seeing these errors. (Especially since the bundles are being compiled and served successfully).</p>
  
  <p>Here's my <em>webpack.config.js</em>:</p>
  
  <pre><code>const path = require('path');
  module.exports = {
    entry: {
      project_console: './src/console/console',
      …
    },
    output: {
      filename: '[name].bundle.js',
      path: path.join(__dirname, 'dist'),
      publicPath: '/js/',
      library: '[name]',
      libraryTarget: 'var'
    },
    module: {
      rules: [
        {test: /\.js$/, use: ['babel-loader'], include: path.join(__dirname, 'src')},
        {test: /\.scss/, use: ['style-loader', 'css-loader', 'sass-loader']}
      ]
    },
    devServer: {
      host: '0.0.0.0',
      port: 3000,
      hot: false
    }
  };
  </code></pre>
  
  <p>Here's my <em>package.json</em>:</p>
  
  <pre><code>{
    …
    "files": [
      "src/"
    ],
    "scripts": {
      "start": "webpack-dev-server”,
      …
    },
    "dependencies": {
      "react": "^15.4.2",
      "react-dom": "^15.4.2”,
      …
    },
    "devDependencies": {
      "webpack": "^2.2.1",
      "webpack-dev-server": "^2.3.0”,
      …
    }
    "babel": {
      "presets": [
        "es2015",
        "react"
      ]
    }
    …
  }
  </code></pre>
  
  <p>Thank you for any help!</p>