feat: 生产环境 gzip 压缩

yulimchen · Feb 7, 2023 · ad884b9 · ad884b9
1 parent f44bc07
commit ad884b9
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -52,6 +52,7 @@
     "typescript": "~4.7.4",
     "unplugin-vue-components": "^0.22.12",
     "vite": "^4.0.0",
+    "vite-plugin-compression": "^0.5.1",
     "vite-plugin-mock-dev-server": "^0.3.16",
     "vite-plugin-svg-icons": "^2.0.1",
     "vite-plugin-vue-setup-extend": "^0.4.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/vite.config.ts b/vite.config.ts
@@ -8,6 +8,7 @@ import { createSvgIconsPlugin } from "vite-plugin-svg-icons";
 import path from "path";
 import mockDevServerPlugin from "vite-plugin-mock-dev-server";
 import vueSetupExtend from "vite-plugin-vue-setup-extend";
+import viteCompression from "vite-plugin-compression";
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -27,7 +28,9 @@ export default defineConfig({
       symbolId: "icon-[dir]-[name]"
     }),
     // 允许 setup 语法糖上添加组件名属性
-    vueSetupExtend()
+    vueSetupExtend(),
+    // 生成环境 gzip 压缩资源
+    viteCompression()
   ],
   resolve: {
     alias: {
@@ -42,5 +45,14 @@ export default defineConfig({
         target: ""
       }
     }
+  },
+  build: {
+    rollupOptions: {
+      output: {
+        chunkFileNames: "static/js/[name]-[hash].js",
+        entryFileNames: "static/js/[name]-[hash].js",
+        assetFileNames: "static/[ext]/[name]-[hash].[ext]"
+      }
+    }
   }
 });