- 创建两个不同环境的 .env
- .env.development
- .env.production
- 安装 dotenv www.npmjs.com
- 配置 vite.config.ts
import { defineConfig } from 'vite'
import reactRefresh from '@vitejs/plugin-react-refresh'
export default ({ mode }) => {
// 加载当前 mode 的 env
reguire('dotenv').config({ path: `./.env.${mode}` })
return defineConfig({
plugins: [reactRefresh()],
server: { port: parseInt(process.env.SERVER_PORT) }
})
}