Webpack 2ベンダーバンドル

Question

Iveはvendor/index.jsファイルを作成しました。反応する。 このファイルは私の "ベンダー"エントリーポイントです。

結果は期待通りの素敵なvendor.jsです。 私の問題は私のmain.jsバンドルに同じモジュールがあることです。

だから私はvendor.jsに1回、main.jsに1回、ベンダーのものを2回持っています。

どうすればいいですか？

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で詳細に説明されています。