Hermes 与 React Native 集成详解

Hermes 是 React Native 的默认 JavaScript 引擎。本文介绍如何在 React Native 项目中启用和配置 Hermes。

启用 Hermes

新项目

React Native 0.70+ 默认使用 Hermes。创建新项目时，Hermes 会自动启用。

现有项目

在 android/gradle.properties 中设置：

hermesEnabled=true

在 iOS 的 Podfile 中设置：

:hermes_enabled => true

验证 Hermes 是否启用

在应用中运行以下代码：

const isHermes = () => !!global.HermesInternal;
console.log('Using Hermes:', isHermes());

调试工具

Hermes 支持 Chrome DevTools 调试。在 Chrome 中打开 chrome://inspect，可以看到正在运行的 Hermes 实例。

性能对比

与 JavaScriptCore 相比，Hermes 在以下方面有显著提升：

• 应用启动时间：减少 30-50%
• 内存占用：减少 20-30%
• 首次交互时间：减少 40-60%