一种制造技术

本发明专利技术公开了一种

【技术实现步骤摘要】
一种vite项目中YAML文件的导入方法、装置、设备及介质


[0001]本专利技术涉及计算机
，尤其涉及一种
vite
项目中
YAML
文件的导入方法
、
装置
、
设备及介质
。

技术介绍

[0002]Vite
是下一代前端开发与构建工具，是一个面向
JavaScript
和
TypeScript
的开发者的构建工具，旨在通过提供快速构建
、
编译和部署的体验，来帮助前端开发者更快速地开发应用
。Vite
意在提供开箱即用的配置，同时它的插件
API
和
JavaScriptAPI
带来了高度的可扩展性，并有完整的类型支持
。
其主要有由两部分组成：一个开发服务器，它基于原生
ES
模块提供了丰富的内建功能，如速度快到惊人的模块热更新
(HMR)
；一套构建指令，它使用
Rollup
打包代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源
。
[0003]Vite
利用了浏览器对于原生
ESM(ESModule)
的支持，以原生
ESM
方式提供源码
。
这实际上是让浏览器接管了打包程序的部分工作
。Vite
只需要在浏览器请求源码时进行转换并按需提供源码
。r/>根据情景动态导入代码，即只在当前屏幕上实际使用时才会被处理
。
因此，极大提高了开发环境下的启动速度，也使其成为当下最流行的前端开发构建工具之一
。
并且
Vite
提供了丰富的插件
API(
接口能力
)
，可供开发者在实际项目开发过程中结合
Vite
开发出多种多样的插件
。
[0004]在
vite
项目中，配置文件的编写对于项目的开发和运行至关重要
。
优秀的配置文件不仅可以提高开发效率，减少出错概率，而且可以为项目的扩展性和可维护性提供支持
。
[0005]在配置文件的编写中，
YAML
语言作为一种简洁
、
强大的配置文件语言，广泛应用于不同类型的应用场景
。
然而，
vite
项目目前尚不支持直接导入
YAML
文件，这带来了一些不便
。

技术实现思路

[0006]本专利技术提供了一种
vite
项目中
YAML
文件的导入方法
、
装置
、
设备及介质，以填补
Vite
项目使用
YAMl
配置文件的能力，扩展
vite
的能力
。
[0007]根据本专利技术的一方面，提供了一种
vite
项目中
YAML
文件的导入方法，包括：
[0008]通过正则方法确定
vite
项目中
YAML
文件格式的待转换配置文件；
[0009]通过
js
‑
yaml
库将所述待转换配置文件转换为
js
对象格式的中间配置文件；
[0010]通过
@rollup/pluginutils
库将所述中间配置文件转换为
es
模块格式的可导入配置文件
。
[0011]根据本专利技术的另一方面，提供了一种
vite
项目中
YAML
文件的导入装置，包括：
[0012]配置文件定位模块，用于通过正则方法确定
vite
项目中
YAML
文件格式的待转换配置文件；
[0013]文件初步转换模块，用于通过
js
‑
yaml
库将所述待转换配置文件转换为
js
对象格式的中间配置文件；
[0014]文件二次转换模块，用于通过
@rollup/pluginutils
库将所述中间配置文件转换为
es
模块格式的可导入配置文件
。
[0015]根据本专利技术的另一方面，提供了一种电子设备，所述电子设备包括：
[0016]至少一个处理器；以及
[0017]与所述至少一个处理器通信连接的存储器；其中，
[0018]所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行本专利技术任一实施例所述的
vite
项目中
YAML
文件的导入方法
。
[0019]根据本专利技术的另一方面，提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理器执行时实现本专利技术任一实施例所述的
vite
项目中
YAML
文件的导入方法
。
[0020]本专利技术实施例通过使用
js
‑
yaml
模块将
YAML
文件进行解析成
js
对象，使用
@rollup/pluginutils
模块将
js
对象转换成
ES
模块，并结合
vite
强大的插件能力，实现了
vite
项目中使用
YAML
配置文件的功能，提升了开发效率，拓展了
vite
能力
。
[0021]应当理解，本部分所描述的内容并非旨在标识本专利技术的实施例的关键或重要特征，也不用于限制本专利技术的范围
。
本专利技术的其它特征将通过以下的说明书而变得容易理解
。
附图说明
[0022]为了更清楚地说明本专利技术实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图
。
[0023]图1是根据本专利技术一实施例提供的一种
vite
项目中
YAML
文件的导入方法的流程图；
[0024]图2是根据本专利技术又一实施例提供的一种
vite
项目中
YAML
文件的导入方法的流程图；
[0025]图3是根据本专利技术又一实施例提供的一种
vite
项目中
YAML
文件的导入装置的结构示意图本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.
一种
vite
项目中
YAML
文件的导入方法，其特征在于，所述方法包括：通过正则方法确定
vite
项目中
YAML
文件格式的待转换配置文件；通过
js
‑
yaml
库将所述待转换配置文件转换为
js
对象格式的中间配置文件；通过
@rollup/pluginutils
库将所述中间配置文件转换为
es
模块格式的可导入配置文件
。2.
根据权利要求1所述的方法，其特征在于，所述通过正则方法确定
vite
项目中
YAML
文件格式的待转换配置文件包括：获取预先设置的
YAML
文件后缀正则和
vite
静态资源正则；基于所述
YAML
文件后缀正则和所述
vite
静态资源正则，通过正则方法对
vite
项目中的项目文件逐一进行匹配；若任一项目文件匹配
YAML
文件后缀正则且未匹配
vite
静态资源正则，则将该项目文件确定为
YAML
文件格式的待转换配置文件
。3.
根据权利要求1所述的方法，其特征在于，所述通过正则方法确定
vite
项目中
YAML
文件格式的待转换配置文件之前，还包括：根据
vite
插件的用户配置项和内置配置项，生成所述
vite
插件的内部启动配置；其中，所述内部启动配置包括
YAML
语法版本内部启动配置和
ES
模块个性化内部启动配置
。4.
根据权利要求3所述的方法，其特征在于，所述通过
js
‑
yaml
库将所述待转换配置文件转换为
js
对象格式的中间配置文件包括：基于预设的
YAML
语法版本内部启动配置，通过
js
‑
yaml
库中的
load
函数将所述待转换配置文件解析为
js
对象，并将所述
js
对象保存至变量
res。5.
根据权利要求4所述的方法，其特征在于...

【专利技术属性】
技术研发人员：陈荣辉，孙勇军，王志伟，周斌，
申请(专利权)人：上海识装信息科技有限公司，
类型：发明
国别省市：