Vue 为什么要有 Vite import.meta.env 这个对象?

工作开始就对这个 import.meta 很迷惑,但是日常开发中和它打交道甚少,今天在开发中遇到了这个 生产环境 才出现的一个 bug。


Vue 为什么要有 Vite import.meta.env 这个对象?

我其实想问的不是这些配置项怎么去配置,而是想问为什么会存在这样一个生成环境和开发环境的区别。

我跑在浏览器里不都是需要经过 vite build 吗?

问题:1. 生产环境和开发环境有哪些区别呢?
问题:2. 这个环境变量对象有什么用呢?

能不能从实际开发的角度举个例子呢?


回答:

  1. 区分环境变量主要用于调试和适配不同的环境
  2. 作用用于:一、开发环境需要输出的信息在生产环境不需要,则可以通过环境变量进行判断,其二、假设项目需要连接数据库地址或者后端接口地址,在开发环境下和测试、生产环境可能对应不同的地址,通过环境变量进行定义这些地址。

请搜索前端项目环境变量的作用。例如我随便搜的:https://juejin.cn/post/694376...


回答:

vite生产和开发的区别最大,开发环境甚至都不用babel编译,只要vue=> js
生产环境是要build打包,js\css\其他静态资源,代码拆分压缩混淆等,看你的配置。
两个环境变量最大的作用,根据不同的环境变量,做不同的配置,开发和自动部署都要用到

以上是 Vue 为什么要有 Vite import.meta.env 这个对象? 的全部内容, 来源链接: utcz.com/p/933726.html

回到顶部