一种离线H5文件分模块打包方法、装置、设备及存储介质制造方法及图纸

本申请公开了一种离线H5文件分模块打包方法、装置、设备及存储介质，通过handleEntryConfig函数获取目标离线H5打包文件的总集信息，进一步地对总集信息中的chunk、list以及entry进行获取，从而将页面及对应的chunk.js进行一一对应打包，使得一个模块对应生成一个模块打包文件，团队代码互不影响，分chunk包打包，隔离代码，避免代码错误引起污染全局的问题，提升打包效率/速度，代码依赖关系清晰，方便出现生产问题时的代码回滚方案的施行，解决了目前的webpack打包存在的开发效率低下，依赖关系不清晰，打包性能较低，难以维护的技术问题。

【技术实现步骤摘要】

本申请涉及计算机前端，尤其涉及一种离线h5文件分模块打包方法、装置、设备及存储介质。

技术介绍

1、h5离线app，又称为webapp，是指基于html5技术开发的一种应用程序，具有类似原生应用的体验和功能，但是不需要下载安装即可使用。相比原生应用，h5离线app有着更轻量、更快速、更易更新的优势，适用于各种场景，如移动端应用、企业内部管理系统、电子商务平台、银行金融应用等。

2、目前前端离线h5方案，提升了app内打开页面的响应速度，每次离线包内容有变更时，需要增量下载新增的jsbundle，所以分析每次打包的jsbundle体积是一个必要的技术方案。

3、目前业界流行的打包工具webpack提供了插件webpack-bundle-analyzer，在项目中加入相关配置，可以在打包时启动分析命令查看jsbundle包体积大小，具体步骤为：

4、1.使用浏览器开发者工具：在打包前，使用浏览器开发者工具查看h5文件的详细信息，包括大小、加载时间等。

5、2.使用sizeimageplugin插件：sizeima本文档来自技高网...

【技术保护点】

1.一种离线H5文件分模块打包方法，其特征在于，包括：

2.根据权利要求1所述的离线H5文件分模块打包方法，其特征在于，所述chunk具体为html和js的对应关系列表。

3.根据权利要求1所述的离线H5文件分模块打包方法，其特征在于，所述list具体为chunk.js信息列表。

4.根据权利要求1所述的离线H5文件分模块打包方法，其特征在于，所述entry具体为格式化的chunk.js信息对象。

5.根据权利要求1所述的离线H5文件分模块打包方法，其特征在于，所述步骤S4还包括：

6.根据权利要求1所述的离线H5文件分模块打包...

【技术特征摘要】

1.一种离线h5文件分模块打包方法，其特征在于，包括：

2.根据权利要求1所述的离线h5文件分模块打包方法，其特征在于，所述chunk具体为html和js的对应关系列表。

3.根据权利要求1所述的离线h5文件分模块打包方法，其特征在于，所述list具体为chunk.js信息列表。

4.根据权利要求1所述的离线h5文件分模块打包方法，其特征在于，所述entry具体为格式化的chunk.js信息对象。

5.根据权利要求1所述的离线h5文件分模块打包方法，其特征在于，所述步骤s4...

【专利技术属性】
技术研发人员：刘涛，
申请(专利权)人：平安银行股份有限公司，
类型：发明
国别省市：