System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind()
【技术实现步骤摘要】
本申请涉及web前端,尤其涉及一种代码分割方法、装置、电子设备、计算机存储介质和计算机程序产品。
技术介绍
1、在当前的web开发环境下,大部分web应用都是单页应用(single pageapplication,spa)与客户端渲染(client side render,csr)的结合,默认所有的代码都打包在一个js(javascript)文件里,这样,很可能导致页面加载时会在一段时间内无响应,具体表现为打开页面时会有较长的白屏时间,影响用户体验。
技术实现思路
1、本申请提供一种代码分割方法、装置、电子设备、计算机存储介质和计算机程序产品。
2、本申请的技术方案是这样实现的:
3、本申请提供了一种代码分割方法,所述方法包括:
4、获取web应用的代码文件;
5、利用webpack工具中的代码分割插件对所述代码文件进行拆分,得到第一拆分结果;所述第一拆分结果包括多个第一代码块;
6、响应于针对所述代码分割插件的配置文件触发的修改操作,获取所述修改操作对应的修改后的配置文件;
7、利用所述修改后的配置文件对所述第一拆分结果进行调整,得到第二拆分结果;所述第二拆分结果包括多个第二代码块;所述第二代码块的数量小于所述第一代码块。
8、本申请提供一种代码分割装置,所述装置包括:
9、获取模块,用于获取web应用的代码文件;
10、拆分模块,用于利用webpack工具中的代码分割插件
11、修改模块,用于响应于针对所述代码分割插件的配置文件触发的修改操作,获取所述修改操作对应的修改后的配置文件;
12、调整模块,用于利用所述修改后的配置文件对所述第一拆分结果进行调整,得到第二拆分结果;所述第二拆分结果包括多个第二代码块;所述第二代码块的数量小于所述第一代码块。
13、本申请提供一种电子设备,所述设备包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现前述一个或多个技术方案提供的代码分割方法。
14、本申请提供一种计算机存储介质,所述计算机存储介质存储有计算机程序;所述计算机程序被执行后能够实现前述一个或多个技术方案提供的代码分割方法。
15、本申请提供一种计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现前述一个或多个技术方案提供的代码分割方法。
16、本申请实施例提供一种代码分割方法、装置、电子设备、计算机存储介质和计算机程序产品,所述方法包括:获取web应用的代码文件;利用webpack工具中的代码分割插件对所述代码文件进行拆分,得到第一拆分结果;所述第一拆分结果包括多个第一代码块;响应于针对所述代码分割插件的配置文件触发的修改操作,获取所述修改操作对应的修改后的配置文件;利用所述修改后的配置文件对所述第一拆分结果进行调整,得到第二拆分结果;所述第二拆分结果包括多个第二代码块;所述第二代码块的数量小于所述第一代码块。
17、可以看出,本申请实施例中,在利用webpack工具中的代码分割插件对web应用的代码文件进行拆分后,web应用的管理人员会对代码分割插件的配置文件进行修改,后续利用修改后的配置文件对拆分结果进行调整,使得调整后的代码块的数量小于拆分后的代码块的数量,如此,可以减少页面加载时代码块的加载数量,提高页面加载效率,缩短页面白屏时间。
本文档来自技高网...【技术保护点】
1.一种代码分割方法,其特征在于,所述方法包括:
2.根据权利要求1所述的方法,其特征在于,所述获取Web应用的代码文件,包括:
3.根据权利要求1或2所述的方法,其特征在于,所述代码分割插件的配置文件包括配置参数,所述响应于针对所述代码分割插件的配置文件触发的修改操作,获取所述修改操作对应的修改后的配置文件,包括:
4.根据权利要求3所述的方法,其特征在于,所述配置参数包括针对node_modules的默认缓存组的使用状态,所述使用状态为启动状态,所述获取所述修改操作对应的目标配置参数,包括:
5.根据权利要求4所述的方法,其特征在于,在获取所述Web应用的代码文件之前,所述方法还包括:
6.根据权利要求3所述的方法,其特征在于,所述第一代码块的类型包括:非异步加载的代码块和异步加载的代码块;所述目标配置参数还包括针对所述非异步加载的代码块配置的缓存组,以及针对所述第一代码块重新配置的最小尺寸。
7.根据权利要求1所述的方法,其特征在于,所述第一拆分结果还包括所述多个第一代码块的整体体积,所述第二拆分结果还
8.一种代码分割装置,其特征在于,所述装置包括:
9.一种电子设备,其特征在于,所述设备包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现权利要求1至7任一项所述的方法。
10.一种计算机存储介质,其上存储有计算机程序,其特征在于,该计算机程序被处理器执行时实现权利要求1至7任一项所述的方法。
11.一种计算机程序产品,包括计算机程序,其特征在于,所述计算机程序在被处理器执行时实现根据权利要求1至7任一项所述的方法。
...【技术特征摘要】
1.一种代码分割方法,其特征在于,所述方法包括:
2.根据权利要求1所述的方法,其特征在于,所述获取web应用的代码文件,包括:
3.根据权利要求1或2所述的方法,其特征在于,所述代码分割插件的配置文件包括配置参数,所述响应于针对所述代码分割插件的配置文件触发的修改操作,获取所述修改操作对应的修改后的配置文件,包括:
4.根据权利要求3所述的方法,其特征在于,所述配置参数包括针对node_modules的默认缓存组的使用状态,所述使用状态为启动状态,所述获取所述修改操作对应的目标配置参数,包括:
5.根据权利要求4所述的方法,其特征在于,在获取所述web应用的代码文件之前,所述方法还包括:
6.根据权利要求3所述的方法,其特征在于,所述第一代码块的类型包括:非异步加载的代码块和异步加载的代码块;所述目标配置参数还包括针对所述非异步加...
【专利技术属性】
技术研发人员:方聿成,辛治运,鹿群,谈加虎,
申请(专利权)人:广发证券股份有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。