import vue from "@vitejs/plugin-vue" import { resolve } from "path" import { defineConfig, loadEnv, ConfigEnv } from "vite" import vueSetupExtend from "vite-plugin-vue-setup-extend" import AutoImport from "unplugin-auto-import/vite" import topLevelAwait from "vite-plugin-top-level-await" import { createStyleImportPlugin, VxeTableResolve } from "vite-plugin-style-import" import viteCompression from "vite-plugin-compression" // @ts-ignore import { svgBuilder } from "/@/components/IconSelector/index" import dns from "node:dns" dns.setDefaultResultOrder("verbatim") const pathResolve = (dir: string) => { return resolve(__dirname, ".", dir) } const alias: Record = { "/@": pathResolve("./src/"), "vue-i18n": "vue-i18n/dist/vue-i18n.cjs.js", } const viteConfig = defineConfig((mode: ConfigEnv) => { const env = loadEnv(mode.mode, process.cwd()) const fileEnv = loadEnv(mode.mode, process.cwd(), '') if (fileEnv.VITE_FILE_ACCESS_APP_ID !== 'admin' || !/^[a-zA-Z0-9_-]{1,32}$/.test(fileEnv.VITE_FILE_ACCESS_KEY_ID || '') || !/^[A-Za-z0-9+/]+={0,2}$/.test(fileEnv.VITE_FILE_ACCESS_KEY || '') || Buffer.from(fileEnv.VITE_FILE_ACCESS_KEY || '', 'base64').length < 32) { throw new Error('请配置文件访问 appId、kid 和至少 32 字节的 Base64 密钥;本地可用 .env.local,自动构建请通过 .env.prod 或流水线环境变量提供') } // 判断是否开发环境 const isDev = env.ENV === "development" return { plugins: [ vue(), // Vue 插件 svgBuilder("./src/assets/icons/"), // 将 SVG 文件转换成 Vue 组件 vueSetupExtend(), // setup语法糖增强插件 AutoImport({ imports: ["vue", "vue-router", "pinia"], // 自动导入的依赖库数组 dts: "./auto-imports.d.ts", // 自动导入类型定义文件路径 }), createStyleImportPlugin({ resolves: [VxeTableResolve()], // 配置vxetable 按需加载 }), topLevelAwait({ promiseExportName: "__tla", // TLA Promise 变量名 promiseImportName: (i) => `__tla_${i}`, // TLA Promise 导入名 }), viteCompression({ deleteOriginFile: false, // 压缩后删除原来的文件 }), ], root: process.cwd(), // 项目根目录 resolve: { alias, dedupe: ["echarts"] }, // 图表包装组件与按需注册共用同一份 ECharts base: mode.command === "serve" ? "./" : env.VITE_PUBLIC_PATH, optimizeDeps: { // 统一预构建,避免懒加载图表时核心与组件分批优化后出现多个注册表。 include: [ "element-plus/es/locale/lang/zh-cn", "element-plus/es/locale/lang/en", "vue-echarts", "echarts", "echarts/core", "echarts/charts", "echarts/components", "echarts/renderers", ], }, server: { host: "0.0.0.0", // 服务器地址 port: env.VITE_PORT as unknown as number, // 服务器端口号 open: env.VITE_OPEN === "true", // 是否自动打开浏览器 hmr: true, // 启用热更新 proxy: { "/api/gen": { //单体架构下特殊处理代码生成模块代理 target: env.VITE_IS_MICRO === "true" ? env.VITE_ADMIN_PROXY_PATH : env.VITE_GEN_PROXY_PATH, changeOrigin: true, rewrite: (path) => path.replace(/^\/api/, ""), }, "/api": { target: env.VITE_ADMIN_PROXY_PATH, // 目标服务器地址 ws: true, // 是否启用 WebSocket changeOrigin: true, // 是否修改请求头中的 Origin 字段 rewrite: (path) => path.replace(/^\/api/, ""), }, "^/ws/info/.*": { target: env.VITE_ADMIN_PROXY_PATH, // 目标服务器地址 ws: true, // 是否启用 WebSocket changeOrigin: true, }, }, }, build: { outDir: "dist", // 打包输出目录// chunkSizeWarningLimit: 1500, // 代码分包阈值 // 开发使用 esbuild 更快,生产环境打包使用 terser 可以删除更多注释 minify: isDev ? "esbuild" : "terser", terserOptions: { compress: { drop_console: true, // 删除 console drop_debugger: true, // 删除 debugger }, format: { comments: false, // 删除所有注释 }, }, rollupOptions: { output: { entryFileNames: `assets/[name].[hash].js`, chunkFileNames: `assets/[name].[hash].js`, assetFileNames: `assets/[name].[hash].[ext]`, compact: true, manualChunks: { vue: ["vue", "vue-router", "pinia"], echarts: ["echarts"], }, }, }, }, css: { preprocessorOptions: { css: { charset: false } } }, define: { __VUE_I18N_LEGACY_API__: JSON.stringify(false), __VUE_I18N_FULL_INSTALL__: JSON.stringify(false), __INTLIFY_PROD_DEVTOOLS__: JSON.stringify(false), __VERSION__: JSON.stringify(process.env.npm_package_version), __NEXT_NAME__: JSON.stringify(process.env.npm_package_name), }, } }) export default viteConfig