React Native采用Hermes热更新打包实战

Posted 2022-05-21 xiangzhihong8

1， 背景

如果我们打开RN的android源码，在build.gradle中回看到这样一段代码。

  if (enableHermes) 
        def hermesPath = "../../node_modules/hermes-engine/android/";
        debugImplementation files(hermesPath + "hermes-debug.aar")
        releaseImplementation files(hermesPath + "hermes-release.aar")
     else 
        implementation jscFlavor
    

此段代码的含义是，如果开启了就采用新的hermes，如果未开启则采用老的jsc加载引擎。Hermes 是专门针对 React Native 应用而优化的全新开源 javascript 引擎。对于很多应用来说，启用 Hermes 引擎可以优化启动时间，减少内存占用以及空间占用。

2，热更新传统方案

在传统的热更新方案中，我们实现热更新需要借助code-push开源方案，热更新包的发布有两种方式：

• code-push release-react：打bundle并自动上传
• code-push release：需先打bundle，再通过该命令上传

如果采用code-push release-reactapp热更新后，杀掉进程重新进入，app首屏加载的时候速度会很慢，甚至可能出现白屏。这是因为生成的bundle只是通过babel编译转码，然后经过js压缩和削