React Native 包体积优化实践

最新推荐文章于 2022-09-26 21:01:01 发布

置顶 Songlcy

最新推荐文章于 2022-09-26 21:01:01 发布

阅读量1.7k

点赞数

文章标签： apksize android ios react native

本文链接：https://blog.csdn.net/u013718120/article/details/105346652

版权

Android 专栏收录该内容

167 篇文章 143 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文探讨了如何优化React Native应用的Android APK大小，包括JSBundle和Asset的优化，如通过删除无用import、移除多余第三方库、封装重复代码、条件加载模块和资源。还介绍了使用Metro-Bundler过滤代码，以及在Android层面采取的措施，如使用R8代码收缩器、启用资源缩减、ResConfigs、压缩图像和启用ProGuard混淆等，以减小Apk体积并提高性能。

摘要由CSDN通过智能技术生成

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包的大小。