vite2：环境变量的使用

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
}