YzXyh_v3/UI/XYH.VUE/vite.config.ts

import { defineConfig, loadEnv } from "vite"
import { resolve } from "path"
import createVitePlugins from "./vite/plugins"
//import { visualizer } from "rollup-plugin-visualizer"
// https://vitejs.dev/config/
export default defineConfig(({ mode, command }) => {
	const env = loadEnv(mode, process.cwd())
	const { VITE_APP_ENV } = env
	return {
		// 部署生产环境和开发环境下的URL。
		// 默认情况下，vite 会假设你的应用是被部署在一个域名的根路径上
		// 例如 https://www.vber.net/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.vber.net/admin/，则设置 baseUrl 为 /admin/。
		base: VITE_APP_ENV === "production" ? "/" : "/",
		plugins: [
			...createVitePlugins(env, command === "build")
			//,visualizer()
		],
		build: {
			minify: "terser", // 启用 terser 压缩
			terserOptions: {
				compress: {
					pure_funcs: ["console.log"], // 只删除 console.log
					//drop_console: true, // 删除所有 console
					drop_debugger: true // 删除 debugger
				}
			},
			rollupOptions: {
				output: {
					// 最小化拆分包
					manualChunks(id) {
						if (id.includes("node_modules")) {
							// if (id.includes("node_modules/element-plus")) {
							// 	return "vb_plugin_element-plus"
							// }
							// if (id.includes("node_modules/nprogress")) {
							// 	return "vb_plugin_nprogress" //单独打包
							// }
							// if (id.includes("node_modules/quill")) {
							// 	return "vb_plugin_quill"
							// }
							// if (id.includes("node_modules/echarts")) {
							// 	return "vb_plugin_echarts"
							// }
							// if (id.includes("node_modules/lodash")) {
							// 	return "vb_plugin_lodash"
							// }
							// 通过拆分包的方式将所有来自node_modules的模块打包到单独的chunk中
							return "vb_plugin_vendor"
						}
						// 将全局库单独打包，避免和页面一起打包造成资源重复引入
						if (id.includes("/src/stores/")) {
							return "vb_store"
						}
						if (id.includes("/src/api/")) {
							return "vb_api"
						}

						// if (id.includes("/src/components/") && id.includes("/Vb")) {
						// 	return "vb_components"
						// }
						if (id.includes("/src/core/utils/") && id.includes("/Vb")) {
							return "vb_utils"
						}
					},
					// 设置chunk的文件名格式
					chunkFileNames: (chunkInfo) => {
						if (chunkInfo.isEntry) {
							return "index.[hash].js"
						}
						if (chunkInfo.name === "index") {
							const facadeModuleId = chunkInfo.facadeModuleId
								? chunkInfo.facadeModuleId.split("/")
								: []
							const fileName = facadeModuleId[facadeModuleId.length - 2] || "[name]"
							// 根据chunk的facadeModuleId（入口模块的相对路径）生成chunk的文件名
							return `js/vb_view_${fileName}.[hash].js`
						}
						return `js/[name].[hash].js`
					},
					// 设置入口文件的文件名格式
					entryFileNames: "js/[name].[hash].js",
					// 设置静态资源文件的文件名格式
					assetFileNames(assetInfo) {
						if (assetInfo.name?.endsWith(".css")) {
							return "css/[name].[hash].[ext]"
						}
						const imgArray = [".png", "jpg", ".jpeg", "webp ", ".svg", ".gif"]
						if (imgArray.some((v) => assetInfo.name?.endsWith(v))) {
							return "img/[name].[hash].[ext]"
						}
						return "media/asset/[name].[hash:4].[ext]"
					}
				}
			},
			commonjsOptions: {
				requireReturnsDefault: "namespace"
			}
		},
		resolve: {
			// https://cn.vitejs.dev/config/#resolve-alias
			alias: {
				"@a": resolve(__dirname, "./src/api"),
				"@s": resolve(__dirname, "./src/stores"),
				"@r": resolve(__dirname, "./src/router"),
				"@v": resolve(__dirname, "./src/views"),
				"@@": resolve(__dirname, "./src/core"),
				"@@@": resolve(__dirname, "./src/components"),
				"@com": resolve(__dirname, "./src/components"),
				"@": resolve(__dirname, "./src"),
				"~": resolve(__dirname, "./")
			},
			// https://cn.vitejs.dev/config/#resolve-extensions
			extensions: [".mjs", ".js", ".ts", ".jsx", ".tsx", ".json", ".vue"]
		},
		// vite 相关配置
		server: {
			port: 5050,
			// host: true,
			host: "0.0.0.0",
			// 热更新
			hmr: true,
			// 设为 true 时若端口已被占用则会直接退出，而不是尝试下一个可用端口
			strictPort: true,
			open: true,
			proxy: {
				"/dev-api": {
					target: "http://127.0.0.1:5051",
					//target: "http://xyhapi.yue.shvber.com:5013",
					changeOrigin: true,
					rewrite: (p) => p.replace(/^\/dev-api/, "")
				}
				// "/oss/preview": {
				// 	target: "http://127.0.0.1:5051",
				// 	changeOrigin: true,
				// 	rewrite: (p) => p.replace(/^\/oss\/preview/, "/oss/preview")
				// },

				// "/dev-api": {
				// 	target: "http://192.168.0.82:6060",
				// 	changeOrigin: true,
				// 	rewrite: (p) => p.replace(/^\/dev-api/, "/prod-api")
				// }
			}
		},
		preview: {
			port: 6666,
			// host: true,
			host: "0.0.0.0",
			// 热更新
			hmr: true,
			// 设为 true 时若端口已被占用则会直接退出，而不是尝试下一个可用端口
			strictPort: true,
			open: true,
			cors: false,
			proxy: {
				"/prod-api": {
					target: "http://localhost:5051",
					changeOrigin: true,
					rewrite: (p) => p.replace(/^\/prod-api/, "")
				}
				// "/prod-api": {
				// 	target: "http://192.168.0.82:6066",
				// 	changeOrigin: true,
				// 	rewrite: (p) => p.replace(/^\/prod-api/, "/prod-api")
				// }
			}
		}
	}
})