webpack 3 では、依存関係を持つことができました。そのすべての依存関係は、次を使用して「共通チャンク」にグループ化されます。
new webpack.optimize.CommonsChunkPlugin({
name: 'common-init',
minChunks: Infinity
})
Webpack 4 では、splitChunks を使用する必要があります。ただし、すべてが「Infinity」をサポートしていない minChunk と test に基づいており、上記と「同様の」ものを取得したい場合は、以下のように「test」を使用する必要があります。別の「cacheGroup」は、これらの依存関係をバンドルしません。
cacheGroups: {
'common-init' : {
name: 'common-init',
chunks: 'initial',
minChunks: 2,
enforce : true,
priority : 10,
test : /common|somedepInit.js|analyticsDep|otherDepInit/
},
'resources': {
name: 'resources',
chunks: 'initial',
minChunks: 2,
test: /resources/
}
}
これは技術的には私が使用できるソリューションですが、Infinity を使用すると、特定の依存関係を強制するために必要なコードがはるかに少なくなり、最終的に非常に特定の「共通チャンク」になりました。
Webpack 4 で同じことを達成するためのより良い方法はありますか?