vite设置环境变量

最新推荐文章于 2024-07-09 22:01:00 发布

weixin_48727473

最新推荐文章于 2024-07-09 22:01:00 发布

阅读量451

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/weixin_48727473/article/details/129953827

版权

文章探讨了.env文件在Vite开发中的作用，解释了dotenv库如何将环境变量从.env文件加载到process.env中，特别是VITE开头的变量。Vite的loadEnv函数用于按需加载环境配置，允许自定义环境变量前缀，并指出mode和envDir参数的重要性。

摘要由CSDN通过智能技术生成

前言

之前老是想着为什么会有env文件，为啥env文件里面的变量能通过特定的指定方式去引入(import.meta.env)，深入学习后，感觉越来越接近真相了。

百度百科：环境变量（environment variables）一般是指在操作系统中用来指定操作系统运行环境的一些参数，如：临时文件夹位置和系统文件夹位置等。

个人理解：就是根据我们代码运行时所产生的全局可以引用的变量就叫环境变量

我们平常使用vite开发经常会看到一些.env开头的文件，这些文件就是用来存放环境变量的文件，那么他们是怎么和环境变量挂钩的？下面介绍

Dotenv 是一个零依赖模块库，它将环境变量从文件加载到 process.env 中。vite内置了这个dotenv库，然后它会自动读取.env文件的配置并解析这个文件的对应的环境变量将其注入到process.env对象上。实际上不会全部注入，默认是将VITE开头的注入。

我们可以通过envPrefix来更改需要注入的环境变量的前缀

envPrefix: "ENV_",

loadEnv()是vite用来加载环境变量的方法

function loadEnv( 
mode: string,
envDir: string,
prefixes: string | string[] = 'VITE_',
): Record<string, string>{
}

关注