Vite 中多环境配置
1. Vite 中的两种command: dev & build
dev: 直接运行vite等同于vite dev, 默认是使用development mode
build: 运行vite build, 默认使用production mode
2. 两种mode: development & production
deveploment: 默认会加载.env.dev的环境变量
production: 默认会加载.env.production的环境变量
如果想加载指定的环境, 可以在vite dev/build后面添加--mode mode_name 参数指定需要的mode, 默认的设置就不生效了.
3. NODE_ENV
NODE_ENV 是通过运行命令前面添加变量来使用的
注意: NODE_ENV与mode是不同的概念
| Command | NODE_ENV | Mode |
|---|---|---|
vite build | "production" | "production" |
vite build --mode development | "production" | "development" |
NODE_ENV=development vite build | "development" | "production" |
NODE_ENV=development vite build --mode development | "development" | "development" |
NODE_ENV 和模式的不同值也会反映在相应的 import.meta.env 属性上：
| Command | import.meta.env.PROD | import.meta.env.DEV |
|---|---|---|
NODE_ENV=production | true | false |
NODE_ENV=development | false | true |
NODE_ENV=other | false | true |
| Command | import.meta.env.MODE |
|---|---|
--mode production | "production" |
--mode development | "development" |
--mode staging | "staging" |
多环境中读取哪个.env文件是由mode决定的, 与NODE_ENV无关.
