title: How to disable hot module replacement in webpack for production
body: <p>How does one remove all references of HMR when bundling for production?</p>
  
  <p>My production Webpack config has no references to HMR and yet in the browser debugger the client is constantly making a xhr call to /__webpack_hmr</p>
  
  <p>Can anyone shed a light on this?</p>
  
  <p>-- my config</p>
  
  <pre><code>var path = require('path');
  var webpack = require('webpack');
  
  module.exports = {
  entry: [
        path.resolve(__dirname, 'master/jsx/App')
      ],
      output: {
          path: path.resolve(__dirname, 'build'),
          publicPath: '/dist/',
          filename: 'app.bundle.js'
      },
      cache: false,
      devtool: 'sourcemap',
      resolve: {
          extensions: ['', '.js', '.jsx']
      },
      plugins: [
          new webpack.optimize.OccurenceOrderPlugin(),
          new webpack.DefinePlugin({
              'process.env.NODE_ENV': '"production"'
          }),
          new webpack.optimize.UglifyJsPlugin({
              compressor: {
                  warnings: false
              }
          })
      ],
      module: {
          loaders: [{
              test: /\.jsx?$/,
              exclude: /node_modules/
          }, {
              test: /\.jsx?$/,
              exclude: /node_modules/,
              loader: 'babel',
              query: {
                  presets: ['es2015', 'react'],
                  compact: false
              }
          }, {
              test: /\.css$/,
              loader: "style-loader!css-loader"
          }, {
              test: /\.woff|\.woff2|\.svg|.eot|\.ttf/,
              loader: 'url?prefix=font/&amp;limit=10000'
          }]
      }
  };
  </code></pre>