System for realizing modular packaging processing of bundle in ReactNative framework

Abstract

The invention relates to a system for realizing modular packaging processing of a bundle in a ReactNative framework. The system comprises a module definition module used for modifying the module identified by a digital id to be a character string with business meaning for identification; a main bundle compiling module used for packaging the ReactNative basic component and the project code into a bundle file; a project file compiling module used for generating a corresponding bundle compiling product for each file; a synchronous mode loading js module used for directly calling pmRequire in a jsenvironment to dynamically load js files in a local file system; and a file loading module used for loading the main bundle generated by packaging and loading the js file of the compiled product according to the configuration in the client. By the adoption of the system for achieving modular packaging processing of the bundle in the ReactNative framework, the bundle of the ReactNative framework is split into the main bundle and the project bundle, and the project bundle is split into the single-page bundle based on the project directory structure.

Description

technical field [0001] The present invention relates to the field of mobile Apps, in particular to the field of developing Apps based on ReactNative, and specifically refers to a system for realizing bundle modularization packaging processing in a ReactNative framework. Background technique [0002] In the era of mobile Internet, the development efficiency of mobile applications is also one of the important competitiveness of enterprise development. As Facebook's open source cross-platform application development framework, ReactNative is favored by many large companies. ReactNative does not use traditional Webview rendering, but a combination of JS bridging and Native bridging. What ReactNative produces is not a web application, but a real mobile application. ReactNative uses JSX and CSS to develop, and the learning cost is greatly reduced compared with Android and iOS. At the same time, its bundle compilation mechanism also makes it more convenient to apply in the hot up...

AI Technical Summary

Problems solved by technology

[0006] Under the existing technology, the packaging process based on ReactNative is relatively complicated, and the packaged product is also relatively large, which greatly limits the startup speed of the first screen of the App, and is not conducive to the hot update of the application.

The existing subcontracting scheme also modifies the ReactNative source code too much. When using the diff-match-patch tool, the logic of loading the business patch package will inevitably become more complicated and there are also efficiency problems, which is not conducive to the continuous implementation of the ReactNative technology stack.

Images