优化加载速度

package.json

@@ -73,10 +73,11 @@
     "vue-count-to": "1.0.13",
     "vue-cropper": "^0.5.5",
     "vue-particles": "^1.0.9",
-    "vue-router": "3.4.1",
+    "vue-router": "3.4.2",
     "vue-splitpane": "1.0.6",
     "vuedraggable": "2.24.0",
     "vuex": "3.5.1",
+    "webpack-bundle-analyzer": "^3.8.0",
     "xlsx": "0.16.5"
   },
   "devDependencies": {
@@ -94,6 +95,7 @@
     "beautifier": "^0.1.7",
     "chalk": "4.1.0",
     "chokidar": "3.4.2",
+    "compression-webpack-plugin": "^4.0.0",
     "connect": "3.7.0",
     "eslint": "7.6.0",
     "eslint-plugin-vue": "6.2.2",

vue.config.js

@@ -1,5 +1,6 @@
 'use strict'
 const path = require('path')
+const CompressionPlugin = require('compression-webpack-plugin');//引入gzip压缩插件
 const defaultSettings = require('./src/settings.js')
 
 function resolve(dir) {
@@ -42,7 +43,14 @@ module.exports = {
   },
   configureWebpack: {
     plugins: [
-      new MonacoWebpackPlugin()
+      new CompressionPlugin({
+        algorithm: 'gzip',
+        test:/\.js$|\.html$|\.css/,//匹配文件名
+        threshold:10240,//对超过10kb的数据进行压缩
+        deleteOriginalAssets:false,//是否删除原文件
+        minRatio: 0.8
+      }),
+      new MonacoWebpackPlugin(),
     ],
     name: name,
     resolve: {