Webpack 2 Vendor Bundle

Question

我创建了一个vendor/index.js文件，其中我导入了例如反应。 此文件是我的“供应商”入口点。

结果是一个不错的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中有更详细的描述。