减少文件个数,压缩大文件

Author: guohaomeng

package.json

@@ -27,7 +27,9 @@
     "unplugin-element-plus": "^0.4.1",
     "unplugin-vue-components": "^0.22.0",
     "vite": "^3.0.2",
+    "vite-plugin-compression": "^0.5.1",
     "vite-plugin-inspect": "^0.6.0",
+    "vite-plugin-zip": "^1.0.1",
     "vue-tsc": "^0.38.8"
   }
 }

vite.config.ts

@@ -6,6 +6,8 @@ import Inspect from 'vite-plugin-inspect'
 import AutoImport from 'unplugin-auto-import/vite'
 import Components from 'unplugin-vue-components/vite'
 import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
+import zip from 'vite-plugin-zip'
+import viteCompression from 'vite-plugin-compression'
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -29,6 +31,17 @@ export default defineConfig({
       defaultLocale: 'zh-cn',
     }),
     Inspect(),
+    viteCompression({
+      verbose: true,
+      disable: false,
+      threshold: 10240,
+      algorithm: 'gzip',
+      ext: '.gz',
+    }),
+    zip({
+      dir: 'dist',
+      outputName: 'data'
+    }),
     AutoImport({
       resolvers: [ElementPlusResolver()],
     }),
@@ -38,7 +51,7 @@ export default defineConfig({
   ],
   base: "./",
   build: {
-    minify:"terser",
+    minify: "terser",
     terserOptions: {
       compress: {
         drop_console: true,
@@ -47,14 +60,14 @@ export default defineConfig({
     },
     rollupOptions: {
       output: {
-        chunkFileNames: 'static/js/[name].js',
-        entryFileNames: 'static/js/[name].js',
-        assetFileNames: 'static/[ext]/[name].[ext]',
-        manualChunks(id) {
-          if (id.includes('node_modules')) {
-            return id.toString().split('node_modules/')[1].split('/')[0].toString();
-          }
-        }
+        chunkFileNames: 'js/[name].js',
+        entryFileNames: 'js/[name].js',
+        assetFileNames: '[ext]/[name].[ext]',
+        // manualChunks(id) {
+        //   if (id.includes('node_modules')) {
+        //     return id.toString().split('node_modules/')[1].split('/')[0].toString();
+        //   }
+        // }
       }
     }
   }