react-native 会优化 JavaScript 代码吗？

Question

我阅读了有关编译器的指南。 他们有许多优化技术，例如删除冗余代码或删除未使用的变量以及未使用的方法。
但是像javascript这样的脚本语言没有编译器，所以拿它不会有优化。
我读了一篇关于 js 优化器的文章，如：

- Google Closure Compiler https://github.com/google/closure-compiler
- UglifyJS https://github.com/mishoo/UglifyJS

真正的问题是像 react-native、angular 这样的平台是使用代码优化器还是我应该自己使用？

Answer 1

React Native 脚本打包器Metro首先使用Babel转译你的代码。 在生产构建模式下，它然后通过UglifyJS运行您的代码。

默认配置不执行任何高级优化，例如摇树或重复数据删除。

如果您想应用更高级的优化，您可以尝试使用 Babel 插件在转译步骤中查看它们是否可以实现。 如果没有，使用Haul可能是最简单的，它是一个基于 webpack 的 React Native 替代打包器。

但是，与往常一样，在过早优化之前，请考虑您正在尝试改进哪些指标并衡量您的优化是否真正实现了目标。

Answer 2

Facebook去年发布了爱马仕。 Hermes 是一个开源 JavaScript 引擎，针对在 Android 上运行 React Native 应用程序进行了优化。 对于许多应用程序，启用 Hermes 将导致启动时间缩短、内存使用量减少和应用程序大小更小。 目前 Hermes 是一个可选的 React Native 功能，本指南解释了如何启用它。

实际上，我的应用程序已经从 33M 小到 21M，使用这个引擎。