split chunks plugin

medpeer-inc · Nov 28, 2018 · 4e83d66 · 4e83d66
1 parent 996328c
commit 4e83d66
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 1 deletion.
diff --git a/app/helpers/webpack_bundle_helper.rb b/app/helpers/webpack_bundle_helper.rb
@@ -9,6 +9,9 @@ def asset_bundle_path(entry, **options)
   end
 
   def javascript_bundle_tag(entry, **options)
+    # skip when not generate split chunk
+    return if entry == 'vendor' && !manifest.key?("#{entry}.js")
+
     path = asset_bundle_path("#{entry}.js")
 
     options = {

diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -11,6 +11,7 @@
 
   <body>
     <%= yield %>
+    <%= javascript_bundle_tag 'vendor' %>
     <%= yield :bundle_js %>
   </body>
 </html>
diff --git a/webpack.config.js b/webpack.config.js
@@ -124,7 +124,17 @@ module.exports = {
     ]
   },
   optimization: {
-    minimizer: [new TerserPlugin({}), new OptimizeCSSAssetsPlugin({})]
+    minimizer: [new TerserPlugin({}), new OptimizeCSSAssetsPlugin({})],
+    splitChunks: {
+      cacheGroups: {
+        vendor: {
+          test: /node_modules/,
+          name: "vendor",
+          chunks: "initial",
+          enforce: true
+        }
+      }
+    }
   },
   resolve: {
     alias: {