背景
在项目打包的时候,我们通常需要根据环境变量来区分不同的环境,以请求不同的后台接口
vite配置多环境打包
首先看vite官网介绍的方法
那么我们在项目的根目录下创建如下的环境配置文件,以uat为例,在项目根目录下创建.env.uat,并新增环境变量VITE_PROJECT_ENV = ‘uat’,需要注意的是,环境变量必须以VITE开头,
package.json中配置uat环境的打包命令,在vite build后加上- -mode uat来区分打包环境
之后在项目中即可通过以下方式获取到配置的环境变量,以区分不同的环境
console.log(import.meta.env.VITE_PROJECT_ENV);