前端应用构建方法、介质、装置和计算设备制造方法及图纸

本公开的实施方式提供了一种前端应用构建方法、介质、装置和计算设备，涉及计算机技术领域，该前端应用构建方法包括：响应于面向目标前端应用的应用页面的加载指令，获取应用页面对应的请求消息，请求消息包括应用页面对应的源码模块标识；根据源码模块标识，从目标前端应用对应的源码模块中确定与应用页面对应的目标源码模块；编译目标源码模块，得到目标源码模块对应的模块代码；执行模块代码，以渲染应用页面。本公开能够大大提高前端应用的构建效率。建效率。建效率。

【技术实现步骤摘要】
前端应用构建方法、介质、装置和计算设备


[0001]本公开的实施方式涉及计算机
，更具体地，本公开的实施方式涉及一种前端应用构建方法、介质、装置和计算设备。

技术介绍

[0002]本部分旨在为权利要求书中陈述的本公开的实施方式提供背景或上下文。此处的描述不因为包括在本部分中就承认是现有技术。
[0003]随着前端技术的发展，前端应用的功能日益丰富，能够更好地满足不同用户需求。
[0004]目前，在构建前端应用时，可以通过浏览器进行前端应用的编译构建，得到前端应用对应的可执行包，该可执行包包含与每个前端应用页面相关的源码模块和依赖模块；然后通过浏览器执行该可执行包，渲染出最终的前端应用页面。但通过上述方式构建前端应用，构建效率较低。

技术实现思路

[0005]本公开提供一种前端应用构建方法、介质、装置和计算设备，以解决通过目前方式构建前端应用，构建效率较低的问题。
[0006]在本公开实施方式的第一方面中，提供了一种前端应用构建方法，应用于浏览器，该前端应用构建方法包括：
[0007]响应于面本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端应用构建方法，应用于浏览器，所述前端应用构建方法包括：响应于面向目标前端应用的应用页面的加载指令，获取所述应用页面对应的请求消息，所述请求消息包括所述应用页面对应的源码模块标识；根据所述源码模块标识，从所述目标前端应用对应的源码模块中确定与所述应用页面对应的目标源码模块；编译所述目标源码模块，得到所述目标源码模块对应的模块代码；执行所述模块代码，以渲染所述应用页面。2.根据权利要求1所述的前端应用构建方法，所述浏览器包括Vite，所述Vite使用所述浏览器中相应功能的原生模块，所述Vite使用的文件系统为内存文件系统memfs，所述根据所述源码模块标识，从所述目标前端应用对应的源码模块中确定与所述应用页面对应的目标源码模块，包括：根据所述源码模块标识，通过所述Vite从所述目标前端应用对应的源码模块中确定与所述应用页面对应的目标源码模块。3.根据权利要求2所述的前端应用构建方法，所述编译所述目标源码模块，得到所述目标源码模块对应的模块代码，包括：通过所述Vite编译所述目标源码模块，得到所述目标源码模块对应的模块代码，并将所述模块代码存储于缓存中。4.根据权利要求3所述的前端应用构建方法，所述浏览器包括Service Worker，所述Service Worker用于代理浏览器页面，所述获取所述应用页面对应的请求消息，包括：通过所述Service Worker获取所述应用页面对应的请求消息。5.根据权利要求4所述的前端应用构建方法，所述通过所述Service Worker获取所述应用页面对应的请求消息之后，还包括：通过所述Service Worker将所述请求消息以广播的方式发送给所述Vite。6.根据权利要求5所述的前端应用构建方法，所述通过所述Vite编译所述目标源码模块，得到所述目标源码模块对应的模块代码，并将所述模块代码存储于缓存中之后，还包括：通过所述Service ...

【专利技术属性】
技术研发人员：唐江洪，
申请(专利权)人：杭州网易云音乐科技有限公司，
类型：发明
国别省市：