Vite 学习笔记(三)

vite 环境变量配置

环境变量:不同代码环境有不同值的变量叫做环境变量

代码环境:

  1. 开发环境
  2. 测试环境
  3. 预发布环境
  4. 灰度环境
  5. 生产环境

常见环境变量:

  1. 各种 sdk 的 key
  2. 后端的 api 地址

放在不同的文件中:

  1. .env:所有环境中值相同的环境变量
  2. .env.development:开发环境(默认情况下 vite 将开发环境取名为 development)
  3. .env.production:生产环境(默认情况下 vite 将生产环境取名为 production)

在服务端中可以通过 loadEnv 方法读取。

在客户端中,vite 会将以 VITE_ 开头的环境变量注入到 import.meta.envVITE_ 这个前缀可以在 vite 配置文件中的 envPrefix 的值处更改。