[发明专利]页面处理方法、装置、计算机设备和存储介质

说明书

本申请涉及一种页面处理方法、装置、计算机设备、存储介质和计算机程序产品。所述方法包括：向服务器发送目标单页应用的加载请求，接收由服务器返回的用于加载目标单页应用的目标JS脚本，目标JS脚本是对多种单页应用加载所共用的依赖模块打包得到的，多种单页应用中包括目标单页应用；基于目标JS脚本及目标单页应用运行代码，加载目标单页应用；对于用于实现目标单页应用的所有业务代码，目标单页应用运行代码是对所有业务代码中除已被目标JS脚本实现之外的剩余业务代码进行打包所得到的。采用本方法能够使得不同业务模块需要使用同一依赖模块开发页面时，避免不同单页应用运行代码中存在大量重复的代码。

技术领域

本申请涉及Web前端技术领域，特别是涉及一种页面处理方法、装置、计算机设备、存储介质和计算机程序产品。

背景技术

目前公司的前端模块按照业务功能进行划分，比如申请、借款及还款等被划分成不同的业务模块。由于不同单页应用的页面间跳转速度通常比不同多页应用的页面间跳转速度更快，因此，通常将不同业务模块打包成多个单页应用。相关技术中，当业务模块需要使用依赖模块开发页面时，通常采用本地模块引入的方式实现对依赖模块的调用，也即直接将依赖模块的业务代码直接写入业务模块的业务代码中，最后通过前端资源打包工具将业务模块打包成单页应用运行代码。需要说明的是，依赖模块的功能主要包括开发框架、工具包及公共组件。实际应用中，不同的业务模块可能会使用同样的依赖模块开发页面，最终不同的业务模块被前端资源打包工具打包成多个单页应用运行代码。由于这些单页应用运行代码使用了同样的依赖模块，导致不同单页应用运行代码中存在大量重复的代码。

发明内容

基于此，有必要针对上述技术问题，提供一种能够避免不同单页应用运行代码中存在大量重复的代码的页面处理方法、装置、计算机设备、计算机可读存储介质和计算机程序产品。

第一方面，本申请提供了一种页面处理方法。所述方法包括：

向服务器发送目标单页应用的加载请求，接收由服务器返回的用于加载目标单页应用的目标JS脚本，目标JS脚本是对多种单页应用加载所共用的依赖模块打包得到的，多种单页应用中包括目标单页应用；

基于目标JS脚本及目标单页应用运行代码，加载目标单页应用；对于用于实现目标单页应用的所有业务代码，目标单页应用运行代码是对所有业务代码中除已被目标JS脚本实现之外的剩余业务代码进行打包所得到的。

在其中一个实施例中，目标JS脚本是对多种单页应用加载所共用的多个依赖模块打包得到的；多个依赖模块之间存在依次调用顺序且不存在引入闭环；相应地，目标JS脚本是基于依次调用顺序对多个依赖模块打包得到的。

在其中一个实施例中，目标JS脚本是对多种单页应用加载所共用的多个依赖模块打包得到的；多个依赖模块之间存在依次调用顺序且存在引入闭环；目标JS脚本的打包过程，包括：

通过多个依赖模块中每一依赖模块的外部拓展，创建每一依赖模块的别名；

基于预设调用方式，对实现每一依赖模块的业务代码进行打包，得到每一依赖模块的JS脚本；其中，预设调用方式是通过依赖模块的别名调用依赖模块的脚本；

通过每一依赖模块的输出配置，将每一依赖模块的JS脚本与每一依赖模块的别名进行绑定；将每一依赖模块的JS脚本拼接成目标JS脚本。

在其中一个实施例中，将每一依赖模块的JS脚本拼接成目标JS脚本，包括：

确定每一依赖模块的JS脚本在目标单页应用显示时的加载顺序；

基于加载顺序，将每一依赖模块的JS脚本拼接成目标JS脚本。

在其中一个实施例中，将每一依赖模块的JS脚本拼接成目标JS脚本之后，还包括：通过节点应用程序接口函数，对目标JS脚本进行压缩处理。