[发明专利]ReactNative框架中实现bundle的模块化打包处理的系统在审
申请号: | 202011090847.5 | 申请日: | 2020-10-13 |
公开(公告)号: | CN112181432A | 公开(公告)日: | 2021-01-05 |
发明(设计)人: | 范岗民;刘磊;刘相 | 申请(专利权)人: | 普元信息技术股份有限公司 |
主分类号: | G06F8/41 | 分类号: | G06F8/41;G06F8/71;G06F8/73;G06F16/16 |
代理公司: | 上海智信专利代理有限公司 31002 | 代理人: | 王洁;郑暄 |
地址: | 201203 上海市浦东新区中*** | 国省代码: | 上海;31 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | reactnative 框架 实现 bundle 模块化 打包 处理 系统 | ||
1.一种ReactNative框架中实现bundle的模块化打包处理的系统,其特征在于,所述的系统包括:
module定义模块,用于将以数字id来标识module修改为以具有业务含义的字符串来标识;
主bundle编译模块,与所述的module定义模块相连接,用于将ReactNative基础组件和项目代码打包成bundle文件,分别为主bundle打包文件和项目打包文件;
项目文件编译模块,与所述的主bundle编译模块相连接,用于在对项目大量文件进行编译时,每个文件生成对应的一个bundle编译产物;
同步方式加载js模块,与所述的项目文件编译模块相连接,用于通过在JSCExecutor.cpp文件中增加pmRequire,实现在js环境直接调用pmRequire来动态加载本地文件系统中的js文件;
文件加载模块,与所述的同步方式加载js模块相连接,用于加载打包生成的主bundle,并根据客户端中的配置下加载编译产物的js文件,加载得到入口页面module,传至主bundle中导航控制器,显示入口页面。
2.根据权利要求1所述的ReactNative框架中实现bundle的模块化打包处理的系统,其特征在于,所述的module定义模块取组件相对于node_modules目录的相对路径,通过修改打包过程中createModuleIdFactory函数替换module标识id。
3.根据权利要求1所述的ReactNative框架中实现bundle的模块化打包处理的系统,其特征在于,所述的主bundle打包文件为编译及打包ReactNative基础组件和入口导航器的文件。
4.根据权利要求1所述的ReactNative框架中实现bundle的模块化打包处理的系统,其特征在于,所述的项目打包文件为对单个文件进行编译并打包的文件。
5.根据权利要求1所述的ReactNative框架中实现bundle的模块化打包处理的系统,其特征在于,所述的主bundle打包文件通过配置的方式设置首页的module标识,并以此动态加载本地文件实现首页的展示。
6.根据权利要求5所述的ReactNative框架中实现bundle的模块化打包处理的系统,其特征在于,所述的配置方式为设置App项目内config.json文件的入口页面module标识字段,入口导航器通过获取该字段,以同步加载方式获取Component实现加载首页。
7.根据权利要求1所述的ReactNative框架中实现bundle的模块化打包处理的系统,其特征在于,所述的项目文件编译模块将文件编译成ReactNative中module定义的格式。
8.根据权利要求1所述的ReactNative框架中实现bundle的模块化打包处理的系统,其特征在于,所述的同步方式加载js模块直接读取本地文件系统中的js文件,并加载到ReactNative的js环境中。
9.根据权利要求1所述的ReactNative框架中实现bundle的模块化打包处理的系统,其特征在于,所述的文件加载模块对应多个目录,包括主bundle以及多个页面bundle。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于普元信息技术股份有限公司,未经普元信息技术股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202011090847.5/1.html,转载请声明来源钻瓜专利网。
- 上一篇:一种化纤纱生产用捻合装置
- 下一篇:一种噪声抵消电路以及图像传感器