問題タブ [webpack-splitchunks]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Webpack Split Chunks Plugin が cacheGroups を上書きし、正規表現の一致が間違っていますか?
Webpack 4 Split Chunks Plugin を使用して、複数のベンダー バンドルを作成しようとしています。この場合、react/react-dom 用に 1 つのチャンクを作成し、react-router/react-router-dom 用に 1 つのチャンクを作成します。
とcacheGroupsのみが含まれreactてvendorいる場合、ビルドは期待どおりに機能します。バンドルの出力は次のとおりです。
同様に、cacheGroups のみがありrouter、vendor期待どおりに機能する場合。出力は次のとおりです。
どちらの場合でも、チャンクが作成されたときに、検査すると、それぞれのケースでreactまたはの正しいコードが表示されます。router
しかし...両方を含めると機能しません。この場合、routerチャンクのみが作成され、reactコードがインデックス（src）バンドルにプッシュされます。
前の cacheGroup の無効化を引き起こしている正規表現パターンに何か問題があると思われますか? どんな助けでも大歓迎です。
splitChunks の webpack 構成は次のとおりです。