vite项目中.env,.env.development,.env.production 环境变量配置及使用
时间: 2024-06-13 11:05:36 浏览: 23
vite项目中,我们可以使用.env、.env.development、.env.production文件来配置环境变量。其中,.env文件是所有情况下都会用到的配置文件,而.env.development和.env.production文件则是分别用于开发环境和生产环境的配置文件。在这些文件中,我们可以定义各种环境变量,例如:
```
# .env文件
VITE_APP_TITLE=My App
VITE_APP_BASE_API=/api
# .env.development文件
ENV=development
VITE_APP_BASE_API=/dev-api
# .env.production文件
ENV=production
VITE_APP_BASE_API=/prod-api
```
在代码中,我们可以通过`import.meta.env`对象来访问这些环境变量。需要注意的是,只有以`VITE_`为前缀的环境变量才会被加载到`import.meta.env`对象中。如果我们想要访问其他环境变量,可以使用vite提供的`loadEnv`方法来加载环境变量,例如:
```javascript
import { loadEnv } from "vite";
export default ({ mode }) => {
const env = loadEnv(mode, process.cwd());
console.log(env.ENV); // 输出当前环境
console.log(env.VITE_APP_BASE_API); // 输出当前环境的API地址
return {
// ...
};
};
```