\n\n```\n\nvite.config.ts 核心配置：\n```typescript\nimport { defineConfig } from \"vite\";\nimport vue from \"@vitejs/plugin-vue\";\nimport { resolve } from \"path\";\n\nexport default defineConfig({\n plugins: [vue()],\n resolve: {\n alias: {\n \"@\": resolve(__dirname, \"src\"),\n },\n },\n server: {\n proxy: {\n \"/api\": {\n target: \"http://localhost:3000\",\n changeOrigin: true,\n },\n },\n },\n});\n```\n\n常见坑和修复：\n```\n1. 环境变量前缀变化\n Webpack: process.env.VUE_APP_XXX\n Vite: import.meta.env.VITE_XXX\n → 批量替换 VUE_APP_ 为 VITE_\n → 或安装 vite-plugin-env-compatible 兼容旧写法\n\n2. CommonJS 模块报错\n Vite 原生只支持 ESM\n → 安装 @originjs/vite-plugin-commonjs\n → 或在 optimizeDeps.include 中预构建 CJS 包\n\n3. require.context 不存在\n Vite 使用 import.meta.glob 替代\n → const modules = import.meta.glob(\"./views/*.vue\")\n\n4. 全局变量 process.env 不存在\n → 在 vite.config.ts 中定义：\n define: { \"process.env\": {} }\n\n5. Webpack 特有 loader 没有对应 Vite 插件\n → 大部分 loader 可用 Vite 插件替代\n → 实在没有的，可用 vite-plugin-webpack-loader 兼容\n```","dateCreated":"2026-05-09T05:52:07.000Z","author":{"@type":"Person","name":"仓乃文","url":"https://niunaiclub.online/about"}},"inLanguage":"zh-CN"}