perf: use webpack 4 cacheGroup for framework7

Author: Pooya Parsa

Diff for: lib/module.js

@@ -24,6 +24,9 @@ module.exports = function nuxt7 (_options) {
   // Disable postcss for less transformations
   this.options.build.postcss = false
 
+  // Extend webpack config
+  this.extendBuild(config => extendConfig(config, options))
+
   // Global theme color
   if (options.themeColor) {
     options.build.ios.themeColor = options.themeColor
@@ -40,6 +43,18 @@ module.exports = function nuxt7 (_options) {
   this.addVendor('dom7')
   this.addVendor('template7')
 
+  // Webpack 4 cacheGroup
+  if (this.options.build.optimization) {
+    const { cacheGroups } = this.options.build.optimization.splitChunks
+
+    cacheGroups.framework7 = {
+      test: /node_modules[\\/](framework7|framework7-vue|dom7|template7|ssr-window|path-to-regexp)[\\/]/,
+      chunks: 'all',
+      priority: 10,
+      name: 'framework7'
+    }
+  }
+
   // Remove custom keys for framework7 plugin
   options.plugin = omit(options, extraKeys)
 
@@ -77,9 +92,15 @@ module.exports = function nuxt7 (_options) {
   return Promise.resolve()
 }
 
-// ----------------------------------------------------------
-// Add templates
-// ----------------------------------------------------------
+function extendConfig (config, options) {
+  // Increase performance check limits to 2M (non-gzipped)
+  const MAX_SIZE = 2 * 1024 * 1024
+  Object.assign(config.performance, {
+    maxEntrypointSize: MAX_SIZE,
+    maxAssetSize: MAX_SIZE
+  })
+}
+
 function addTemplates (options) {
   // Framework7 plugin
   this.addPlugin({