Webpack 2供应商包

Question

我创建了一个vendor/index.js文件，我在其中导入，例如反应。 这个文件是我的＃34;供应商＆＃34;切入点。

结果是一个很好的vendor.js与我期望的东西。 我的问题是我的main.js包中有相同的模块。

所以我有两次供应商的东西，一次在vendor.js，一次在main.js。

我该如何防止这种情况？

  entry: {
    main: path.join(__dirname, "browser.jsx"),
    vendor: path.join(__dirname, "vendor", "index.js")
  },

Answer 1

您希望使用CommonsChunkPlugin将所有内容放入共享的供应商捆绑包中。引用共享模块的每个模块都将引用vendor包，因此需要在实际包之前包含它。

plugins: [
  new webpack.optimize.CommonsChunkPlugin({
    name: 'vendor'
  })
]

Guides: Code Splitting - Libraries中详细介绍了这个确切的用例。