飞道的博客

拥抱 Vite2.0 系列(Env变量和模式)

525人阅读  评论(0)

Env Variables

Vite在特殊的import.meta中公开环境变量。env对象。一些内置变量在所有情况下都是可用的:

import.meta.env.MODE: {string}应用程序运行的模式。

import.meta.env.BASE_URL:{string}应用程序提供服务的基础url。这由基本配置选项决定。

import.meta.env.PROD: {boolean}是否在生产环境中运行。

import.meta.env.DEV: {boolean}应用是否在开发中运行(总是与import.meta.env.PROD相反)

Production Replacement

在生产过程中,这些env变量被静态地替换。因此,必须始终使用完整的静态字符串引用它们。例如,像import.meta这样的动态密钥访问。env[key]不起作用。

它还将替换JavaScript字符串和Vue模板中出现的这些字符串。这应该是一个罕见的情况,但它可能是无意的。有一些方法可以解决这个问题:

对于JavaScript字符串,你可以用一个unicode零宽度的空格来分隔字符串,例如。“import.meta \ u200b.env.MODE”。

对于被编译成JavaScript字符串的Vue模板或其他HTML,你可以使用标签,例如import.meta.env.MODE。

.env Files

Vite使用dotenv从你的项目根目录下的以下文件中加载额外的环境变量:

.env            

转载:https://blog.csdn.net/qq_36772866/article/details/113954657
查看评论
* 以上用户言论只代表其个人观点,不代表本网站的观点或立场