React-Native之如何迅速缩小包体积而不影响性能

React-Native作为reactjs的一个延伸，以H5和Native之间的中间地带角色存在于我们的项目中。 由于支撑了大量的业务场景，不容置喙的导致体积迅速增大，当然对RN来说，这也许不会导致严重的性能问题，甚至还有可能提升性能（因为大量的资源存在本地，所以加载较快），但是从节省用户流量、网络带宽的角度讲，还是能产生很大的用户价值。毕竟谁也不想在启动App的时候就耗费几兆甚至几十兆流量加载一个自己甚至都不会访问的RN包。

那么，如何快速压缩RN包体积呢？ 我这里总结了几条，冀望有用。

1、所有本地资源引用尽可能转线上（例如图片、JSON文件、第三方js库等等）

2、可配置化的图片预加载方案（解决第一条中带来的网络延时问题，这个问题比较复杂，放在我的另一篇博客中）

3、拆包。

      拆包的方案很多，但是大多数都是一些比较个性化的处理方式，不能适应React快速的版本跌代。所以这里给读者推荐一个Redact官方的分包工具。

     其实React在0.57时代已经完全支持了分包，它推出了metro bundle, 官网地址: https://facebook.github.io/metro/

    具体的接入过程，请见：

      https://github.com/smallnew/react-native-multibundler