ReactNative打包

  • 1.我是做原声开发,所以当然直接在Androidstudio上打包了,先看下打包成功之后的工程目录结构
Paste_Image.png
  • 2.在我们Rn打包中最主要的就是需要index.android.bundle这个资源包,这个是Rn的所有源码。
  • 3.我们在AS选中下面所示
Paste_Image.png

会在指定目录下生成正式签名,会在发版的时候使用。

  • 4.所以这里我们主要是打包bundle这个资源包,我们进入到自己的Rn工程的根目录,运行下面的指令:

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

Paste_Image.png

运行成功之后就会在Android工程目录生成index.android.bundle这个资源包。

  • 5,然后我们执行打包

打完之后的安装包,就可以直接安装使用了,不再需要连接nodes了。
附上体验的APK: https://github.com/l123456789jy/RnProject/blob/master/apk/app-debug.apk

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,827评论 25 709
  • 整体思路 通过Android Studio工具来实现签名和打包,步骤同原生开发,减少踩坑! 打包步骤 AS引入Re...
    Mr_FengQi阅读 657评论 0 4
  • 零基础用react-native开发android app 原理 我们的debug程序中,js代码是调试时,不断从...
    动感超人丶阅读 310评论 0 0
  • 时间:2016-11-20 09:18:37 ReactNative如何打包离线的IOS应用。 对于刚入手Reac...
    izhongxia阅读 1,159评论 0 2
  • 班级情况 校区:科学创想机器人茂业店 时间:周日上午9-10点 学员:多多,天成,喧喧,朋朋,小石头,二宝,皮皮 ...
    乐搭阅读 922评论 0 0