没有定义'require'的Webpack绑定文件

Question

我正在使用网络包捆绑一些js＆amp; jsx文件将它们加载到浏览器。一切运行良好，但在浏览器打开它们的那一刻，它会记录错误ReferenceError: Can't find variable: require。

我目前的配置如下：

var path = require('path');
var fs = require('fs');

var nodeModules = {};
fs.readdirSync('node_modules')
  .filter(function (x) {
    return ['.bin'].indexOf(x) === -1;
  })
  .forEach(function (mod) {
    nodeModules[mod] = 'commonjs ' + mod;
  });

module.exports = [
  {
    name: 'server',
    target: 'node',
    context: path.join(__dirname, 'src', 'cloud'),
    entry: ['babel-polyfill', './app.js'],
    output: {
      path: __dirname,
      filename: 'app.bundle.js'
    },
    module: {
      loaders: [
        {test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel'}
      ]
    },
    externals: nodeModules,
    node: {
      __dirname: true
    }
  },
  {
    name: 'client',
    target: 'web',
    context: path.join(__dirname, 'src', 'static', 'scripts'),
    entry: {
      index: ['babel-polyfill', './index.js']
    },
    output: {
      path: path.join(__dirname, 'src', 'public', 'bundles'),
      filename: '[name].bundle.js'
    },
    module: {
      loaders: [
        {test: /\.html$/, loader: 'raw'},
        {test: /\.css$/, loader: 'style'},
        {test: /\.css$/, loader: 'css'},
        {test: /\.jsx?$/, loader: 'babel'}
      ]
    },
    externals: nodeModules
  }
];

任何想法为什么会发生这种情况？提前致谢