ReactNative代码拆分文档
目的
-
优化现有程序的包下载逻辑，优化70%以上
总共2M优化到100K以内 react native程序秒开，优化白屏显示
思路
替换自增方式增加关联，改用字符串引用。项目中增加空白首页进行预加载。
方法
- 自定义metro-bundle
- 自定义metro-bundler-cli
- 增加框架sm-react-native-templates
sm-metro-bundler.png
工具文档地址:
@caiwenshu/metro-bundler (https://github.com/caiwenshu/metro/tree/0.20.x)
sm-metro-bundler-cli (https://github.com/caiwenshu/sm-metro-bundler-cli)
sm-react-native-templates (https://github.com/caiwenshu/sm-react-native-templates
开发方式
sm-metro-bundler-develop.png
sm-metro-bundler-cli介绍
React Native模板介绍
原生集成
ReactNative拆分原生逻辑.png
注: RN1 - RN5为单独的模块
