コード分割を使用する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