feat: generate gzip assets during build (#3178)

Co-authored-by: copilot-swe-agent[bot] <[email protected]>

Author: SkyeYoung

e2e/server/nginx.conf

@@ -19,13 +19,13 @@ server {
   listen 6174;
 
   location /ui {
-      rewrite ^/ui$ /ui/ permanent;
+    rewrite ^/ui$ /ui/ permanent;
   }
 
   location /ui/ {
     alias /usr/share/nginx/html/;
-    index index.html;
-    try_files $uri $uri/ /ui/index.html;
+    gzip_static always;
+    error_page 404 /ui/index.html;
   }
 
   location / {

package.json

@@ -89,6 +89,7 @@
     "unplugin-icons": "^22.1.0",
     "unplugin-info": "^1.2.2",
     "vite": "^6.3.5",
+    "vite-plugin-compression2": "^2.2.0",
     "vite-tsconfig-paths": "^5.1.4",
     "yaml": "^2.7.1"
   },

pnpm-lock.yaml

@@ -22,6 +22,7 @@ import postcssSimpleVars from 'postcss-simple-vars';
 import UnpluginIcons from 'unplugin-icons/vite';
 import UnpluginInfo from 'unplugin-info/vite';
 import { defineConfig } from 'vite';
+import { compression } from 'vite-plugin-compression2';
 import tsconfigPaths from 'vite-tsconfig-paths';
 
 import { API_PREFIX, BASE_PATH } from './src/config/constant';
@@ -83,6 +84,10 @@ export default defineConfig({
     react({
       plugins: [observerPlugin() as never],
     }),
+    compression({
+      algorithms: ['gzip'],
+      deleteOriginalAssets: true,
+    }),
   ],
   css: {
     postcss: {