2017-12-07 3 views
8

コード分割を使用するwebpackでアプリケーションを構築しました。ここでは、すべてのエントリチャンクすべての子チャンク(コード分割によって生成)を1つの別のコモンズチャンクに分割して、特定の条件(この場合はnode_modules)に一致するすべての共通モジュールを集計します。Webpack:エントリーとチャンクから共通モジュールを抽出してコモンズチャンクを分離する

私はこれを行う場合:

new webpack.optimize.CommonsChunkPlugin({ 
    children: true, 
    async: 'vendor', 
    minChunks: (module) => { 
     const isVendor = module.context.split('/').some(dir => dir === 'vendor'); 
     return isVendor; 
    }, 
}), 

のWebPACKが別々コモンズチャンクにminChunks機能に一致するすべてのモジュールを集約しますが、唯一の子チャンク-そのエントリのチャンクからではないでしょう集約モジュールへのモジュールのでしょうがコモンズチャンク。その結果、私はエントリーチャンクとコモンズチャンクの両方に現れるモジュールを複製しています。

これはどのように可能ですか?


例:あなたはすべてのあなたの一般的に使用されるのlibsが含まれているWebPACKのDLLを作成する必要がhttps://github.com/OliverJAsh/webpack-commons-vendor/blob/f524bfdb0e047161c453a6b84f89ab6d25d6c648/webpack.config.js

enter image description here

答えて

関連する問題