React Native 包体积优化实践

Android Apk大小和App性能一直是React Native Developers的主要关注点。 我们的应用程序是用React Native编写，目前Android版本的Apk Size已经达到80MB左右。 因此，想出一个不错的减小Apk Size解决方案来并提高应用程序性能是一个挑战。
在此博客中，我们将逐步介绍减小apk大小以及性能提高和应用程序启动时间减少的步骤。

一、JSBundle 及 Asset

随着0.59的发布，同时发布了新版本的JSC，新版0.59的最大优势在于，可以为64位架构生成APK。但是，随之带来的问题是包体积的增加，目前RN团队也正在努力从React Native中删除几个模块来进行优化。

1. Import Cost、删除无用的 import

import cost 作为 Visual Studio 插件, 使用它我们能够分析每个导入模块的成本。 然后，我们仅导入所需的模块，而不导入整个库。 并看到JS包可视化器发生了翻天覆地的变化，因此我们几乎对每个在JS包中占用较大空间的库都进行了更改。在管理 import 时，我们遇到了许多未使用的导入语句。 因此，删除这些也有助于我们减少JS包的大小。

2. 删除无用的第三方库

检查package.json文件下是否有多余的第三方依赖包, 并将其删除。

3. 封装重复性代码

编写一次代码并一次又一次地重复使用是最好的做法，可以更快地编写代码，扩展产品规模，并且还有助于防止JS捆绑包的大小增加。