feat: support some configurations through the .env file

apps/web-antd/.env.analyze

@@ -4,3 +4,5 @@ VITE_PUBLIC_PATH = /
 
 # Basic interface address SPA
 VITE_GLOB_API_URL=/api
+
+VITE_VISUALIZER = true

apps/web-antd/.env.production

@@ -2,4 +2,8 @@
 VITE_PUBLIC_PATH = /
 
 # Basic interface address SPA
-VITE_GLOB_API_URL=https://mock-napi.vben.pro/api
+VITE_GLOB_API_URL = https://mock-napi.vben.pro/api
+
+VITE_COMPRESS = gzip
+
+VITE_PWA = false

apps/web-antd/package.json

@@ -17,6 +17,7 @@
   "type": "module",
   "scripts": {
     "build": "pnpm vite build",
+    "build:analyze": "pnpm vite build --mode analyze",
     "dev": "pnpm vite",
     "preview": "vite preview",
     "typecheck": "vue-tsc --noEmit --skipLibCheck"

apps/web-antd/vite.config.mts

@@ -1,10 +1,11 @@
-import { defineConfig } from '@vben/vite-config';
+import { defineConfig, loadAndConvertEnv } from '@vben/vite-config';
 
 export default defineConfig({
-  application: ({ mode }) => {
+  application: async ({ mode }) => {
+    const envConfig = await loadAndConvertEnv();
+
     return {
-      compress: false,
-      compressTypes: ['brotli', 'gzip'] as const,
+      ...envConfig,
       importmap: false,
       importmapOptions: {
         // 通过 Importmap CDN 方式引入,
@@ -40,7 +41,6 @@ export default defineConfig({
           short_name: `Vben Admin Pro ${mode}`,
         },
       },
-      visualizer: false,
     };
   },
   vite: {