vite中获取环境变量的相关信息需要使用import.meta.env,在其上边存在了五个属性,分别为:BASE_URL、DEV、MODE、PROD、SSR;
尝试输出:
但是在项目打包后会有些许的变化,我们在上边看到的所有输出是作为import.meta.env的对象属性存在的,而在打包后,其是被直接编译为一个对象而存在的,或者直接取出其中的值,因此要留意可能会出现的问题
我建了几个不同的.env文件,如图:
run dev出来的都是production环境
run build出来的都是production环境
加local后缀的环境变量文件优先级高于不加local的
dev --mode test 启动那么输出的VITE_NAME就是test,它对应的就是.env.test文件
环境变量的类型提示:
如:我上面建立的几个文件中都写的是VITE_TITLE,那么我再书写代码时,需要智能提示我又哪些环境变量,就需要在env.d.ts中添加:
// 添加环境变量的类型提示
interface ImportMetaEnv {
VITE_TITLE:string
}