React Native怎么采用Hermes热更新打包


这篇文章主要介绍“ReactNative怎么采用Hermes热更新打包”,在日常操作中,相信很多人在ReactNative怎么采用Hermes热更新打包问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”ReactNative怎么采用Hermes热更新打包”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!如果我们打开RN的Android源码,在build.gradle中回看到这样一段代码。此段代码的含义是,如果开启了就采用新的hermes,如果未开启则采用老的jsc加载引擎。Hermes 是专门针对 React Native 应用而优化的全新开源 JavaScript 引擎。对于很多应用来说,启用 Hermes 引擎可以优化启动时间,减少内存占用以及空间占用。在传统的热更新方案中,我们实现热更新需要借助code-push开源方案,热更新包的发布有两种方式:code-push release-react:打bundle并自动上传code-push release:需先打bundle,再通过该命令上传如果采用code-push release-reactapp热更新后,杀掉进程重新进入,app首屏加载的时候速度会很慢,甚至可能出现白屏。这是因为生成的bundle只是通过babel编译转码,然后经过js压缩和削减,代码的执行效率并不高。而开启Hermes引擎后,可以执行纯文本的 JS 代码,效率比替换js引擎前更低,执免费云主机域名行效率也更高。首先,我们执行react-native bundle命令进行打包,比如。接下来,我们需要将bundle转成字节码。转化前,我们需要先下载hermes-engine。接着,执行如下命令将bundle转换成字节码将之前bundle目录下的index.android.bundle删掉,将当前的index.android.bundle.hbc重命名为index.android.bundle,再移动到之前bundle目录下。最后,使用下面的命令执行 bundle热更新包的发布。使用这种方式后,下次有热更新的时候,加载的速度比之前也有明显的提升,特别是bundle包内容比较大的时候。到此,关于“ReactNative怎么采用Hermes热更新打包”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注百云主机网站,小编会继续努力为大家带来更多实用的文章!

相关推荐: ASP.NET Core MVC路由怎么用

本篇内容介绍了“ASP.NETCoreMVC路由怎么用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!ASP.NET Core MVC 路由是建立在ASP.NET…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 05/05 16:47
下一篇 05/05 16:47

相关推荐