为什么webpack为我的客户端代码创建需要（'反应'）

Question

我有以下网页。配置。js：

const nodeExternals = require('webpack-node-externals')

const jsLoader = {
  test: /\.js$/,
  loader: 'babel-loader',
  query: {
    presets: ['env', 'react'],
    plugins: ['babel-plugin-transform-object-rest-spread']
  }
}

const client = {
  entry: ['./app/client.js'],
  output: {
    path: '/public',
    publicPath: '/',
    filename: 'client.bundle.js'
  },
  externals: [nodeExternals()],
  module: {
     loaders: [jsLoader]
  }
}

module.exports = [client]

以及结果客户端。捆js：

/******/ ([
/* 0 */
/***/ (function(module, exports) {

module.exports = require("react");

在chrome中，它失败了，因为未定义uncaughtreferenceerror:require

在我的客户机上。js，我正在导入react、react-dom、prop类型和一些react组件。

为什么对于react和prop类型的webpack，需要，而不是像其他类型的webpack那样需要？

React@16.2, Webpack@3.10 Node@8.4

谢谢，

Answer 1

所以

正如Wostex所说，我的问题来自节点外部。

当我删除它时，npm build需要很长时间，并且在一些winston、fs、自述文件等上失败。。。

我使用的自定义记录器模块似乎导入了不适合浏览器的模块。所以我仍然使用外部，但删除这个记录器。