From f025e8827c4592c10416c1891e1ed08566a7a3b0 Mon Sep 17 00:00:00 2001
From: Jason Park <parkjs814@gmail.com>
Date: Thu, 24 Jan 2019 02:26:01 -0500
Subject: [PATCH] Let webpack split chunks

---
 webpack.frontend.config.js | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/webpack.frontend.config.js b/webpack.frontend.config.js
index 54a53ac..af89dae 100644
--- a/webpack.frontend.config.js
+++ b/webpack.frontend.config.js
@@ -84,7 +84,25 @@ module.exports = {
     new MiniCssExtractPlugin({ filename: __DEV__ ? '[name].css' : '[name].[contenthash].css' }),
     __PROD__ && new ImageminPlugin({ test: /\.(jpe?g|png|gif|svg)$/i }),
     __DEV__ && new webpack.HotModuleReplacementPlugin(),
+    new webpack.HashedModuleIdsPlugin(),
     // new BundleAnalyzerPlugin(),
   ]),
+  optimization: {
+    runtimeChunk: 'single',
+    splitChunks: {
+      chunks: 'all',
+      maxInitialRequests: Infinity,
+      minSize: 128 * 1024,
+      cacheGroups: {
+        vendor: {
+          test: /[\\/]node_modules[\\/]/,
+          name(module) {
+            const packageName = module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/)[1];
+            return `npm.${packageName.replace('@', '')}`;
+          },
+        },
+      },
+    },
+  },
   mode: __DEV__ ? 'development' : 'production',
 };