打包分块方法技术

本发明专利技术公开了一种打包分块方法，属于webpack打包技术领域。本发明专利技术通过获取原始页面文件；基于原始页面文件打开原始页面文件对应的原始页面目录；基于预设遍历规则对原始页面目录中的原始页面文件进行遍历，得到目标页面文件以及目标页面文件对应的目标页面目录；基于目标页面目录通过预设函数生成页面路由；根据页面路由对目标页面文件进行打包分块，通过打开原始页面文件得到对应的原始页面目录，并通过预设遍历规则对原始页面目录进行遍历，得到目标页面目录以及目标页面文件，通过预设函数对目标页面目录进行处理生成页面路由，并根据页面路由对目标页面文件进行打包分块，打包分块速度快且准确，提高了打包分块的效率。提高了打包分块的效率。提高了打包分块的效率。

【技术实现步骤摘要】
打包分块方法


[0001]本专利技术涉及webpack打包
，尤其涉及一种打包分块方法。

技术介绍

[0002]前端web(World Wide Web,全球广域网)工程使用框架和开源库，工程化、组件化、模块化开发的代码，从开发到部署都需要经过Webpack工具编译打包后才能被浏览器加载访问。
[0003]现有的打包分块方法只能按照分块数量、文件大小来分块打包或者人工划分分块打包，在遇到大型项目时，启动较慢，修改文件后刷新时间慢。影响开发效率。
[0004]上述内容仅用于辅助理解本专利技术的技术方案，并不代表承认上述内容是现有技术。

技术实现思路

[0005]本专利技术的主要目的在于提供一种打包分块方法，旨在解决现有技术人工进行分块打包效率低的技术问题。
[0006]为实现上述目的，本专利技术提供了一种打包分块方法，所述方法包括以下步骤:
[0007]获取原始页面文件；
[0008]基于所述原始页面文件打开所述原始页面文件对应的原始页面目录；
[0009]基于预设遍历规则对所述原始页面目录中的原始页面文件进行遍历，得到目标页面文件以及所述目标页面文件对应的目标页面目录；
[0010]基于所述目标页面目录通过预设函数生成页面路由；
[0011]根据所述页面路由对所述目标页面文件进行打包分块。
[0012]可选地，所述获取原始页面文件，包括：
[0013]在接收到用户的打包指令时，根据所述打包指令生成打包目录项；
>[0014]根据所述打包目录项得到打包参数；
[0015]根据所述打包参数得到待打包的项目名称；
[0016]根据所述待打包的项目名称确定原始页面文件。
[0017]可选地，所述基于预设遍历规则对所述原始页面目录中的原始页面文件进行遍历，得到目标页面文件以及所述目标页面文件对应的目标页面目录，包括：
[0018]获取所述原始页面文件中各文件的扩展名称；
[0019]将所述各文件的扩展名称与预设扩展名称进行比较；
[0020]将所述扩展名称与所述预设扩展名称一致的文件作为目标页面文件；
[0021]根据所述目标页面文件确定对应的目标页面目录。
[0022]可选地，所述基于所述目标页面目录通过预设函数生成页面路由，包括：
[0023]基于所述目标页面目录确定对应的目录结构树；
[0024]根据所述目录结构树与页面访问路径的映射关系，得到对应的页面访问路径；
[0025]根据所述页面访问路径以及预设加载规则生成对应的懒加载页面路由。
[0026]可选地，所述基于预设遍历规则对所述原始页面目录中的原始页面文件进行遍历，得到目标页面文件以及所述目标页面文件对应的目标页面目录之前，还包括：
[0027]检测所述打包目录项中是否存在排除信息；
[0028]在所述打包目录项中存在排除信息时，获取所述打包目录项中的目录分隔符；
[0029]根据所述目录分隔符确定对应的系统；
[0030]根据所述系统生成对应的排除参数。
[0031]可选地，所述基于预设遍历规则对所述原始页面目录中的原始页面文件进行遍历，得到目标页面文件以及所述目标页面文件对应的目标页面目录，包括：
[0032]根据所述排除参数确定排除目录；
[0033]通过所述排除目录对所述原始页面目录进行排除，并根据排除后的原始页面目录确定排除后的原始页面文件；
[0034]通过预设遍历规则对所述排除后的原始页面目录中的原始页面文件进行遍历，得到目标页面文件以及所述目标页面文件对应的目标页面目录。
[0035]可选地，所述根据所述页面路由对所述目标页面文件进行打包分块，包括：
[0036]通过所述页面路由以及所述目标页面目录确定分块规则；
[0037]根据所述分块规则得到注释名称；
[0038]通过所述分块规则以及所述注释名称对所述目标页面文件进行打包分块。
[0039]本专利技术通过获取原始页面文件；基于原始页面文件打开原始页面文件对应的原始页面目录；基于预设遍历规则对原始页面目录中的原始页面文件进行遍历，得到目标页面文件以及目标页面文件对应的目标页面目录；基于目标页面目录通过预设函数生成页面路由；根据页面路由对目标页面文件进行打包分块，通过打开原始页面文件得到对应的原始页面目录，并通过预设遍历规则对原始页面目录进行遍历，得到目标页面目录以及目标页面文件，通过预设函数对目标页面目录进行处理生成页面路由，并根据页面路由对目标页面文件进行打包分块，打包分块速度快且准确，提高了打包分块的效率。
附图说明
[0040]图1为本专利技术打包分块方法第一实施例的流程示意图；
[0041]图2为本专利技术打包分块方法第二实施例的流程示意图；
[0042]图3为本专利技术打包分块方法第三实施例的流程示意图；
[0043]图4为本专利技术打包分块方法第四实施例的流程示意图；
[0044]图5为本专利技术打包分块方法第五实施例的流程示意图；
[0045]图6为本专利技术打包分块方法第五实施例中打包分块整体流程示意图；
[0046]本专利技术目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
具体实施方式
[0047]应当理解，此处所描述的具体实施例仅用以解释本专利技术，并不用于限定本专利技术。
[0048]本专利技术实施例提供了一种打包分块方法，参照图1，图1为本专利技术打包分块方法第一实施例的流程示意图。
[0049]本实施例中，所述打包分块方法包括以下步骤：
[0050]步骤S10：获取原始页面文件。
[0051]需要说明的是，本实施例的执行主体可为webpack打包分块平台，webpack为web前端工程打包工具，也可为其他可实现相同或相似功能的设备，本实施例对此不作限制。
[0052]在本实施例中，原始页面文件指的是整个业务功能页面的所有文件，可根据用户需求进行查找，当用户需要打包业务功能页面中的某一项目文件时，可获取项目名称得到对应的业务功能页面的原始页面文件。
[0053]步骤S20：基于所述原始页面文件打开所述原始页面文件对应的原始页面目录。
[0054]在具体实施中，原始页面目录为包括了所有原始页面文件内容的索引目录，原始页面文件中包括了业务功能的代码，由于业务功能具有对应的逻辑，则根据原始页面文件生成的原始页面目录也具有相互关联以及逐级展开的结构，可根据某一项目名称查询原始页面目录，得到所有与此项目名称相关的原始页面的代码文件。
[0055]步骤S30：基于预设遍历规则对所述原始页面目录中的原始页面文件进行遍历，得到目标页面文件以及所述目标页面文件对应的目标页面目录。
[0056]应理解的是，预设遍历规则为后台管理人员提前设置的查找以及筛选规则，也可根据用户需求进行修改和更新，例如根据文件后缀名称或者文件本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种打包分块方法，其特征在于，所述打包分块方法包括：获取原始页面文件；基于所述原始页面文件打开所述原始页面文件对应的原始页面目录；基于预设遍历规则对所述原始页面目录中的原始页面文件进行遍历，得到目标页面文件以及所述目标页面文件对应的目标页面目录；基于所述目标页面目录通过预设函数生成页面路由；根据所述页面路由对所述目标页面文件进行打包分块。2.如权利要求1所述的打包分块方法，其特征在于，所述获取原始页面文件，包括：在接收到用户的打包指令时，根据所述打包指令生成打包目录项；根据所述打包目录项得到打包参数；根据所述打包参数得到待打包的项目名称；根据所述待打包的项目名称确定原始页面文件。3.如权利要求1所述的打包分块方法，其特征在于，所述基于预设遍历规则对所述原始页面目录中的原始页面文件进行遍历，得到目标页面文件以及所述目标页面文件对应的目标页面目录，包括：获取所述原始页面文件中各文件的扩展名称；将所述各文件的扩展名称与预设扩展名称进行比较；将所述扩展名称与所述预设扩展名称一致的文件作为目标页面文件；根据所述目标页面文件确定对应的目标页面目录。4.如权利要求1所述的打包分块方法，其特征在于，所述基于所述目标页面目录通过预设函数生成页面路由，包括：基于所述目标页面目录确定对应的目录结构树；根据所述目录结构树与页面访问路径的映射关系，得到对应的页面访问...

【专利技术属性】
技术研发人员：刘波，
申请(专利权)人：金证财富南京科技有限公司，
类型：发明
国别省市：