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中有更詳細的描述。