Reactjs 为什么拆分应用程序和供应商js代码在webpack中失败&；反应

我的app.js需要反应。 我按照以下说明拆分应用程序并响应代码：

不幸的是，webpack生成app.bundle.js和vendors.bundle.js；两者都包含react.js库，这是不需要的

根据上面的链接，我希望webpack生成一个小app.bundle.js（不包含react）和一个大vendor.js（包含react）

我的网页包配置文件：

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

module.exports = {
  entry: {
    app: "./app.js",
    vendors: ['react']
  },
  output: {
    filename: '[name].bundle.js' // Notice we use a variable
  },
  plugin: [
    new webpack.optimize.CommonsChunkPlugin(/* chunkName= */"vendors", /* filename= */"vendor.js")
  ],
  module: {
    preLoaders: [
      {
        test: /\.jsx?$/,
        exclude: /(node_modules|bower_components)/,
        loader: 'source-map'
      }
    ],
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /(node_modules|bower_components)/,
        loaders: [
          'react-hot',
          'babel?presets[]=stage-0,presets[]=react,presets[]=es2015'
        ]
      }
    ]
  }
};

我的app.js文件：

// Import React and JS
var React = require('react')

React.render(
  React.createElement('h1', null, 'Hello, world!'),
  document.getElementById('example')
);

非常感谢您的任何建议

    plugins: [
new webpack.optimize.CommonsChunkPlugin(/* chunkName= */"vendors", /* filename= */"vendor.js")
]

---

使用插件，不要使用插件。

您的确切问题是什么？您提供了一些配置、代码。。。。还有？谢谢你的评论，我刚刚编辑了问题以便澄清。请在“条目”中尝试“供应商”而不是“供应商”，谢谢。我试过了，直到现在都不走运。webpack给了我类似的结果：big app.bundle.js和vendor.bundle.js..谢谢你的帮助。这个可以解决它。