first commit

2025-12-26 23:19:09 +08:00
commit b29d128e41
788 changed files with 100922 additions and 0 deletions
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -0,0 +1,148 @@
+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<string, string> = {
+	'/@': pathResolve('./src/'),
+	'vue-i18n': 'vue-i18n/dist/vue-i18n.cjs.js',
+};
+
+const viteConfig = defineConfig((mode: ConfigEnv) => {
+	const env = loadEnv(mode.mode, process.cwd());
+	// 判断是否开发环境
+	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 }, // 路径别名配置
+		base: mode.command === 'serve' ? './' : env.VITE_PUBLIC_PATH,
+		optimizeDeps: {
+			include: ['element-plus/es/locale/lang/zh-cn', 'element-plus/es/locale/lang/en'],
+		},
+		server: {
+			host: '0.0.0.0', // 服务器地址
+			port: env.VITE_PORT as unknown as number, // 服务器端口号
+			open: env.VITE_OPEN === 'true', // 是否自动打开浏览器
+			hmr: true, // 启用热更新
+			proxy: {
+				'/api/auth': {
+					target: env.VITE_ADMIN_PROXY_PATH, // 目标服务器地址
+					ws: true, // 是否启用 WebSocket
+					changeOrigin: true, // 是否修改请求头中的 Origin 字段
+					rewrite: (path) => path.replace(/^\/api\/auth/, '/admin'),
+					configure: (proxy, options) => {
+						proxy.on('proxyReq', (proxyReq, req, res) => {
+							console.log('代理请求admin:', req.url, '->', options.target + req.url);
+						});
+						proxy.on('proxyRes', (proxyRes, req, res) => {
+							console.log('代理响应admin:', req.url, '状态:', proxyRes.statusCode);
+						});
+					},
+				},
+				'/api/task': {
+					target: env.VITE_ADMIN_PROXY_PATH, // 目标服务器地址
+					ws: true, // 是否启用 WebSocket
+					changeOrigin: true, // 是否修改请求头中的 Origin 字段
+					rewrite: (path) => path.replace(/^\/api\/task/, '/admin'),
+					configure: (proxy, options) => {
+						proxy.on('proxyReq', (proxyReq, req, res) => {
+							console.log('代理请求task:', req.url, '->', options.target + req.url);
+						});
+						proxy.on('proxyRes', (proxyRes, req, res) => {
+							console.log('代理响应task:', req.url, '状态:', proxyRes.statusCode);
+						});
+					},
+				},
+				'/api': {
+					target: env.VITE_ADMIN_PROXY_PATH, // 目标服务器地址
+					ws: true, // 是否启用 WebSocket
+					changeOrigin: true, // 是否修改请求头中的 Origin 字段
+					rewrite: (path) => path.replace(/^\/api/, ''),
+					// 添加代理日志
+					configure: (proxy, options) => {
+						proxy.on('proxyReq', (proxyReq, req, res) => {
+							console.log('代理请求api:', req.url, '->', options.target + req.url);
+						});
+						proxy.on('proxyRes', (proxyRes, req, res) => {
+							console.log('代理响应api:', req.url, '状态:', proxyRes.statusCode);
+						});
+					},
+				},
+				'^/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;