| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> 游戏开发 -> Vite 环境变量及本地环境 -> 正文阅读 |
|
[游戏开发]Vite 环境变量及本地环境 |
Vite 环境变量的配置主要是为了本地开发区分环境的配置:本地、测试、阿里、生产等的判断,使用到的配置有: 1、envDir 这个配置是用来加载你放置.env文件的路径。说明文档:配置 Vite {#configuring-vite} | Vite中文网 2、loadEnv ,加载方式:import { defineConfig, loadEnv } from 'vite',loadEnv接收三个参数,第一个是.env后面的名字,第二个是绝对路径,第三个参数是你环境变量名的前缀,在vite中默认是VITE_。 比如你是.env.abc 就可以loadEnv(‘abc’, process.cwd(), 'ENV'); 这样环境变量名其实就是ENV_QWER这种,文件名叫.env.abc。这只是个介绍,一般起文件名都是:.env.development? 英文版的文档有,中文搜不到:Configuring Vite | Vite 3、defineConfig 这个可以传入一个方法,方法可以接收一个对象,对象中常用两个参数:command, mode ,详见文档:配置 Vite {#configuring-vite} | Vite中文网 command 常用的:server(run dev) 和build(run build),官网上只写了这两个参数。 mode 常用的:development 和 production?在 config 中指定此项将覆盖serve 和 build的默认模式。该值也可以通过命令行 4、其他的参照:Env Variables and Modes | Vite 使用方式 在根目录创建.env.development 文件夹,里面内容: # 测试 ENV_TARGET=https:///stage.baidu.com # 开发 # ENV_TARGET=https:///dev.baidu.com # 生产 #ENV_TARGET=https://www.baidu.com 使用: 其中 defineConfig传入的方法内可以接收一个对象,这个对象可以获取command和mode这两个属性,所以一般.env的文件命名是.env.development 和.env.production 因为这样直接将mode传入就可以了。 获取环境变量。 const env = loadEnv(mode, process.cwd(), 'ENV'); 这个源码不是很多,我贴出来大家看看:
这段代码写的就是你传入mode的文件名:
这里会遍历,将所有的环境变量中以prefixes变量开头的,都加载到env这个对象中。
遍历envFiles 文件列表,判断如果有对应路径的话,读取路径内容,并取出prefix 开头的环境变量,并返回。 |
|
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 | -2024/11/23 16:51:46- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |