AiDOPWarehouse/Web/vite.config.ts

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 compression from 'vite-plugin-compression2';
import { buildConfig } from './src/utils/build';
import vueJsx from '@vitejs/plugin-vue-jsx';
// import { CodeInspectorPlugin } from 'code-inspector-plugin';
import fs from 'fs';
import { visualizer } from 'rollup-plugin-visualizer';
import { webUpdateNotice } from '@plugin-web-update-notification/vite';
import vitePluginsAutoI18n, { EmptyTranslator } from 'vite-auto-i18n-plugin';
const pathResolve = (dir: string) => {
	return resolve(__dirname, '.', dir);
};

const alias: Record<string, string> = {
	'/@': pathResolve('./src/'),
	'vue-i18n': 'vue-i18n/dist/vue-i18n.cjs.js',
	'ezuikit-js': pathResolve('node_modules/ezuikit-js/ezuikit.js'),
};

const viteConfig = defineConfig((mode: ConfigEnv) => {
	const env = loadEnv(mode.mode, process.cwd());
	/** dev 代理目标：始终本机后端。勿用浏览器用的公网 VITE_API_URL，避免绕一圈且易配错 */
	const apiProxyTarget = env.VITE_PROXY_TARGET || 'http://127.0.0.1:5005';
	const devPort = Number(env.VITE_PORT) || 8888;
	/** 浏览器访问用公网 IP/域名；勿写入 server.hmr.host，否则 WS 会 bind 该地址，云主机 EIP 常不在网卡上 → EADDRNOTAVAIL */
	const devPublicHost = String(env.VITE_DEV_PUBLIC_HOST || '').trim();
	const runtimeConfigJs = `window.__env__ = ${JSON.stringify(env, null, 2)} `;
	// dev（serve）才写 public/config.js，避免 build 把生产 env 写回本地开发态文件（如 VITE_API_URL=/prod-api 会让 dev 端口 404）。
	// build 产物中的 dist/config.js 由下面的 emit-runtime-config-js 插件在打包完成后直接写入 dist/，不经过 public/。
	if (mode.command === 'serve') {
		fs.writeFileSync('./public/config.js', runtimeConfigJs);
	}
	return {
		plugins: [
			visualizer({ open: false }),
			// code-inspector-plugin 在 Vite 8 下会注入 code-inspector-component，
			// 触发 Class constructor ... without 'new' 导致整页白屏；本地先关闭（不影响业务）。
			// 需要点选跳源码时，可升级到 code-inspector-plugin@2.x 后再打开。
			// CodeInspectorPlugin({
			// 	bundler: 'vite',
			// 	hotKeys: ['shiftKey'],
			// }),
			vue(),
			vueJsx(),
			webUpdateNotice({
				versionType: 'build_timestamp',
				notificationConfig: {
					placement: 'topLeft',
				},
				notificationProps: {
					title: '📢 系统更新',
					description: '系统更新啦，请刷新页面！',
					buttonText: '刷新',
					dismissButtonText: '忽略',
				},
			}),
			vueSetupExtend(),
			...(mode.command === 'build'
				? [
						compression({
							deleteOriginalAssets: false,
							threshold: 5120,
							skipIfLargerOrEqual: true,
						}),
						{
							name: 'emit-runtime-config-js',
							apply: 'build' as const,
							writeBundle(options: { dir?: string }) {
								const outDir = options.dir || resolve(__dirname, 'dist');
								if (!fs.existsSync(outDir)) fs.mkdirSync(outDir, { recursive: true });
								fs.writeFileSync(resolve(outDir, 'config.js'), runtimeConfigJs);
							},
						},
					]
				: []),
			JSON.parse(env.VITE_OPEN_CDN) ? buildConfig.cdn() : null,
			vitePluginsAutoI18n({
				enabled: false,
				originLang: 'zh-cn',
				targetLangList: ['zh-hk', 'zh-tw', 'en', 'it'],
				translator: new EmptyTranslator(),
			}),
		],
		root: process.cwd(),
		resolve: { alias },
		base: mode.command === 'serve' ? './' : env.VITE_PUBLIC_PATH,
		optimizeDeps: { exclude: ['vue-demi'] },
		server: {
			host: '0.0.0.0',
			port: env.VITE_PORT as unknown as number,
			open: JSON.parse(env.VITE_OPEN),
			...(mode.command === 'serve' && devPublicHost
				? { origin: `http://${devPublicHost}:${devPort}` }
				: {}),
			// VITE_HMR=false 可关热更新。公网访问时不要给 hmr.host 填 EIP（见 devPublicHost 注释）
			// 勿设 hmr.port === server.port：Vite 8 会先把 WS 占住该端口，HTTP 再监听会冲突并退到 8889，浏览器仍访问 8888 会 426
			hmr: env.VITE_HMR === 'false' ? false : true,
			// 文件监视过多时 inotify 会 ENOSPC；设 VITE_WATCH_POLLING=true 可改用轮询（略耗 CPU）
			watch:
				env.VITE_WATCH_POLLING === 'true'
					? { usePolling: true, interval: 1500 }
					: undefined,
			proxy: {
				// 勿对 /api 开 ws:true，在部分环境下会导致普通 GET 挂起无响应
				'/api': {
					target: apiProxyTarget,
					changeOrigin: true,
				},
				'/upload': {
					target: apiProxyTarget,
					changeOrigin: true,
				},
				'/Upload': {
					target: apiProxyTarget,
					changeOrigin: true,
				},
				'/hubs': {
					target: apiProxyTarget,
					changeOrigin: true,
					ws: true,
				},
				'/schedule': {
					target: apiProxyTarget,
					changeOrigin: true,
				},
			},
		},
		// 生产包用 vite preview 时，浏览器仍请求 VITE_API_URL=/prod-api；无 Nginx 时需在此反代到后端（与线上 nginx 行为一致）
		preview: {
			host: '0.0.0.0',
			port: devPort,
			proxy: {
				'/prod-api': {
					target: apiProxyTarget,
					changeOrigin: true,
					rewrite: (path) => path.replace(/^\/prod-api/, ''),
				},
				'/api': {
					target: apiProxyTarget,
					changeOrigin: true,
				},
				'/upload': {
					target: apiProxyTarget,
					changeOrigin: true,
				},
				'/Upload': {
					target: apiProxyTarget,
					changeOrigin: true,
				},
				'/hubs': {
					target: apiProxyTarget,
					changeOrigin: true,
					ws: true,
				},
				'/schedule': {
					target: apiProxyTarget,
					changeOrigin: true,
				},
			},
		},
		build: {
			outDir: 'dist',
			chunkSizeWarningLimit: 1500,
			assetsInlineLimit: 5000, // 小于此阈值的导入或引用资源将内联为 base64 编码
			sourcemap: false, // 构建后是否生成 source map 文件
			extractComments: false, // 移除注释
			// esbuild 压缩内存占用远低于 terser；maxParallelFileOps 降低并发，便于小内存环境完成构建
			minify: 'esbuild',
			esbuild: {
				drop: mode.mode === 'production' ? ['console', 'debugger'] : [],
			},
			rollupOptions: {
				output: {
					chunkFileNames: 'assets/js/[name]-[hash].js', // 引入文件名的名称
					entryFileNames: 'assets/js/[name]-[hash].js', // 包的入口文件名称
					assetFileNames: 'assets/[ext]/[name]-[hash].[ext]', // 资源文件像 字体，图片等
					// 小内存环境构建时可去掉 manualChunks，降低 Rollup 分析内存（大机器可恢复分包策略）
					...(process.env.VITE_LOW_MEM_BUILD === '1'
						? {}
						: {
								manualChunks(id: string) {
									if (id.includes('node_modules')) {
										return id.toString().match(/\/node_modules\/(?!.pnpm)(?<moduleName>[^\/]*)\//)?.groups!.moduleName ?? 'vender';
									}
								},
							}),
				},
				...(JSON.parse(env.VITE_OPEN_CDN) ? { external: buildConfig.external } : {}),
			},
		},
		css: { preprocessorOptions: { css: { charset: false }, scss: { silenceDeprecations: ['legacy-js-api', 'global-builtin', 'fs-importer-cwd', 'import'] } } },
		define: {
			__VUE_I18N_LEGACY_API__: JSON.stringify(false),
			__VUE_I18N_FULL_INSTALL__: JSON.stringify(false),
			__INTLIFY_PROD_DEVTOOLS__: JSON.stringify(false),
			__NEXT_VERSION__: JSON.stringify(process.env.npm_package_version),
			__NEXT_NAME__: JSON.stringify(process.env.npm_package_name),
		},
	};
});

export default viteConfig;