【技术实现步骤摘要】
文件内容按需加载方法、装置及电子设备、存储介质
本公开涉及网页生成领域,尤其涉及一种文件内容按需加载方法、装置及电子设备、存储介质。
技术介绍
webpack是一种代码编译工具,具有入口、出口、loader以及插件等,能够进行代码分割、模块化。具体地,具有以下功能:1、将sass/less等预编译的css语言转换成浏览器识别的css文件2、能够将多个预编译文件打包成一个文件;3、打包image/styles/assets/scrips/等前端常用的文件;4、搭建开发环境开启服务器;5、监视文件改动、热部署;6、将单文件组件(*.vue)类型的文件,转化成浏览器识别的内容。相关技术中,Webpack生成整体流程如下:首先根据文件目录结构对Webpack进行配置入口文件,Webpack通过配置入口文件自动解析文件目录结构中的文件模块的依赖关系,形成文件依赖树。然后根据文件依赖树生成目标项目文件包,生成的目标项目文件包可直接供线上环境使用。针对于一些包括大量的文件模块的文件目录结构而言,Webpack生成过程是比较 ...
【技术保护点】
1.一种文件内容按需加载方法,其特征在于,包括:/n根据接收到的多个目标文件标识及多个目标文件标识之间的依赖关系,配置需求依赖路径的集合;/n根据预设的配置入口文件获取文件目录结构中的一个或多个文件依赖树;/n根据所述需求依赖路径的集合,分别从所述文件依赖树中按需加载目标依赖树,其中,所述目标依赖树包括需求待加载的文件标识对应的文件模块。/n
【技术特征摘要】
1.一种文件内容按需加载方法,其特征在于,包括:
根据接收到的多个目标文件标识及多个目标文件标识之间的依赖关系,配置需求依赖路径的集合;
根据预设的配置入口文件获取文件目录结构中的一个或多个文件依赖树;
根据所述需求依赖路径的集合,分别从所述文件依赖树中按需加载目标依赖树,其中,所述目标依赖树包括需求待加载的文件标识对应的文件模块。
2.根据权利要求1所述的方法,其特征在于,所述根据所述需求依赖路径的集合,分别从所述文件依赖树中按需加载目标依赖树,其中,所述目标依赖树包括需求待加载的文件标识对应的文件模块包括:
遍历所述一个或多个文件依赖树;
识别当前的文件依赖树是否被配置有按需加载标识;
如果当前的文件依赖树被配置有按需加载标识,则根据所述需求依赖路径的集合与当前的文件依赖树匹配的需求依赖路径,从当前的文件依赖树加载包含需求待加载的文件标识对应的文件模块的目标依赖树。
3.根据权利要求1所述的方法,其特征在于,所述方法还包括:
根据loader规则对一个或多个目标依赖树进行转换,所述loader规则用于将静态文件转换为动态代码;
根据插件机制对转换后的目标依赖树中的文件模块进行处理而生成目标项目文件包,所述插件机制用于对目标依赖树执行公共部分抽离、变量注入、文件体积压缩的机制。
4.根据权利要求1所述的方法,其特征在于,所述方法还包括:
响应输入的路由更新指令,对所述需求依赖路径的集合中的一个或多个需求依赖路径中的目标文件标识的依赖关系进行重新配置。
5.一种文件内容按需加载装置,其特征在于,包括:
信息配置单元,被配置成根据接收到的多个目标文件标识及多个目标文件标识之间的依赖关系,配置需求依赖路径的集合;
数据获取单元,被配置成执行根据预设的配置入口文件获取文件目录...
【专利技术属性】
技术研发人员:郭永强,
申请(专利权)人:北京达佳互联信息技术有限公司,
类型:发明
国别省市:北京;11
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。