Reduce page size and page loading time

Reduce page size & loading time by customizing 'minChunks' option

Author: TheZoker

docusaurus.config.js

@@ -1,3 +1,5 @@
+const path = require('path');
+
 module.exports = {
   title: 'JSON Forms',
   tagline: 'More forms. Less code.',
@@ -122,6 +124,7 @@ module.exports = {
     ],
   ],
   plugins: [
+    path.resolve(__dirname, './src/custom-webpack'),
     'docusaurus-plugin-sass',
     'docusaurus2-dotenv',
     [

package.json

@@ -15,9 +15,9 @@
     "clear": "docusaurus clear"
   },
   "dependencies": {
-    "@docusaurus/core": "^2.0.0-alpha.73",
-    "@docusaurus/plugin-client-redirects": "^2.0.0-alpha.73",
-    "@docusaurus/preset-classic": "^2.0.0-alpha.73",
+    "@docusaurus/core": "2.0.0-alpha.73",
+    "@docusaurus/plugin-client-redirects": "2.0.0-alpha.73",
+    "@docusaurus/preset-classic": "2.0.0-alpha.73",
     "@easyops-cn/docusaurus-search-local": "^0.16.1",
     "@jsonforms/core": "^2.5.0",
     "@jsonforms/examples": "^2.5.0",

src/custom-webpack/index.js

@@ -0,0 +1,18 @@
+module.exports = function () {
+  return {
+    name: 'custom-webpack',
+    configureWebpack() {
+      return {
+        optimization: {
+          splitChunks: {
+            cacheGroups: {
+              common: {
+                minChunks: 5,
+              },
+            },
+          },
+        },
+      };
+    },
+  };
+};