global is undefined? unable to start RHL

I have an express server that serves my html from :3111. I also start a webpack dev server (copied from https://github.com/gaearon/react-hot-boilerplate/blob/master/server.js) on :3000. in my html, I load localhost:3000/script.js

// webpack.config.js
var webpack = require('webpack'),
  path = require('path');

module.exports = {
  devtool: 'eval',
  target: 'web',
  entry: [
    'webpack-dev-server/client?http://0.0.0.0:3000', // WebpackDevServer host and port
    'webpack/hot/only-dev-server',
    './editor/index.js'
  ],
  output: {
    path: path.join(__dirname, 'public'),
    filename: 'editor.js',
    publicPath: '/'
  },
  module: {
    loaders: [{
      test: /\.js$/,
      // exclude: /node_modules/,
      loaders: ['react-hot', 'envify-loader', 'babel-loader']
    }]
  },
  resolve: {
    extensions: ['', '.js', '.jsx']
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin()
  ]
};

// server.js
import webpack from 'webpack';
import WebpackDevServer from 'webpack-dev-server';
var wconfig = require('./webpack.config');

new WebpackDevServer(webpack(wconfig), {
  publicPath: wconfig.output.publicPath,
  hot: true,
  historyApiFallback: true
}).listen(3000, 'localhost', err => console.log(err || 'webpack at localhost:3000'));

It seems to compile alright

When I start the app, it bails almost immediately, saying Uncaught TypeError: Cannot read property 'WebSocket' of undefined (because global is undefined)

Anything I need to do on my express server/html to make this work?

[gaearon]

You’ll want to uncomment exclude: /node_modules/, because some of the scripts used by hot module replacement machinery will not work with Babel out of the box.

[smondal]

Set the valid target thing for webpack.

module.exports = {
  // ...

  target: 'node',
};