React native拆包的正确姿势——基于metro bundle

1、分包

  观察现在一些接入React native的大厂，如菜鸟、大搜车、去哪儿，都将react native 的jsbundle分为几个包来使用。作用是啥？为什么要这么折腾？像去哪儿、腾讯或者携程都发布了一些文章来阐述分包的原因了，不了解的可以去搜索看看。我这边只总结下：react native原生打出来的包都只有一个jsbundle(除了rambundle)，里面包含了所有你写代码和react native代码和你依赖的第三方库代码(当然还有polyfill)，如果是纯rn代码这倒没什么差别，但一般大厂都是原生应用内接入react native页面，而且一个应用内有许多不同业务，很可能是不同部门开发的，这样一个应用内就有许许多多jsbundle，如果不分包，那就有许许多多的重复的react native代码和第三方库，所以一般做法都是将重复的react native代码和第三方库打包成一个基础包，然后各个业务在基础包的js环境下运行，这样做可以减少内存开销且热更新的时候只需要下载几十KB的业务包，要知道react native代码和第三方库压缩前一般都能上1M多(依赖的多的可能有2M多)。

2、分包的方法

网上有许多分包的方法，我这边列举并列举其优缺点

1、moles-packer

简介：携程大厂推出，稳定可靠，针对react native0.44时代的版本

优点：重写了react native自带的打包工具，重写就是为了分包，为分包而生的项目，肯定可靠

缺点：2 years ago，只适合rn老版本用户了，现在都8012了，0.5以上的rn版本全部扑街

2、自己修改打包代码

简介：现在很多教程都是让你去修改打包的源码，在里面判断分包，就是教程有的是几年前了

优点：如果自己很懂打包源码，这个做法灵活，定制化强，100%没问题

缺点：现在没人敢说自己完全看得懂打包源码，网上的教程在新版