'路由懒加载分包'

Author: Jason-chen-coder

src/router/index.js

@@ -4,7 +4,7 @@
  * @Author: Jason chen
  * @Date: 2020-06-26 17:46:26
  * @LastEditors: sueRimn
- * @LastEditTime: 2021-08-16 17:03:46
+ * @LastEditTime: 2021-08-17 11:23:34
  */
 // 导入 vue-router
 import Vue from 'vue';
@@ -21,11 +21,11 @@ const router = new VueRouter({
   routes: [
     {
       path: '/',
-      component: () => import(/*webpackChunkName: "my-customToolbar-chunk"*/ "../views/customToolbar/customToolbar.vue"),
+      component: () => import("../views/customToolbar/customToolbar.vue"),
     },
     {
       path: "/customToolbar",
-      component: () => import(/*webpackChunkName: "my-customToolbar-chunk"*/ "../views/customToolbar/customToolbar.vue")
+      component: () => import("../views/customToolbar/customToolbar.vue")
     },
     {
       path: "/renderModel",

test.js

@@ -25,29 +25,35 @@ module.exports = {
       }),
     ],
     optimization: {
-      splitChunks: {
-        chunks: "all",
-        name: false,
-        minSize: 0,
-        cacheGroups: {
-          commons: {
-            minChunks: 2,//表示被引用次数，默认为1；
-            maxInitialRequests: 5, //最大的初始化加载次数，默认为 3；
-            minSize: 0, // 模块的文件体积超过 0 byte就抽取到common中
-            name: 'chunk-commons',//抽取出来文件的名字，默认为 true，表示自动生成文件名
-          },
-          elementUI: {
-            name: "chunk-element-ui", // 单独将 elementUI 拆包
-            priority: 20, // 权重要大于 libs 和 app 不然会被打包进 libs 或者 app
-            test: /[\\/]node_modules[\\/]element-ui[\\/]/,
-          },
-          mxgraph: {
-            name: "chunk-mxgraph", // 单独将 elementUI 拆包
-            priority: 20, // 权重要大于 libs 和 app 不然会被打包进 libs 或者 app
-            test: /[\\/]node_modules[\\/]mxgraph[\\/]/,
-          },
-        }
-      },
+      // splitChunks: {
+      //   chunks: "all",
+      //   cacheGroups: {
+      //     common: {
+      //       name: 'chunk-common',
+      //       test: /[\\/]node_modules[\\/]/,
+      //       priority: 10,
+      //       minChunks: 1,
+      //       chunks: 'all',
+      //     },
+      //     elementUI: {
+      //       name: "chunk-element-ui", // 单独将 elementUI 拆包
+      //       priority: 20, // 权重要大于 libs 和 app 不然会被打包进 libs 或者 app
+      //       test: /[\\/]node_modules[\\/]element-ui[\\/]/,
+      //     },
+      //     mxgraph: {
+      //       name: "chunk-mxgraph", // 单独将 elementUI 拆包
+      //       priority: 20, // 权重要大于 libs 和 app 不然会被打包进 libs 或者 app
+      //       test: /[\\/]node_modules[\\/]mxgraph[\\/]/,
+      //     },
+      //     component: {
+      //       name: 'chunk-componentaa',
+      //       test: /[\\/]src[\\/]/,
+      //       priority: 50,
+      //       minChunks: 1,
+      //       chunks: 'all',
+      //     },
+      //   }
+      // },
       minimizer: [new UglifyJsPlugin(
         {
           uglifyOptions: {