分类导航

REACT NATIVE (二) IOS打包到真机

发布时间：2017年05月11日作者： IT网络文摘 (该文来自笔记，点击查看原文)

每当在模拟器上完成了开发，都想到真机上试试，正好前段时候淘了一个imac。

这里就以打包rndemo到iphone为例，讲一下react ntive ios打包到真机的流程。

一、前置

1.有个iphone加个mac

2.首先react native的环境要正确安装，还未完成这一步的，请到react native官网或中文站查看具体流程

3.xcode等环境安装完毕

4.rn应用能在模拟器中跑起来，至少不要有什么致命报错吧

二、生成jsbundle

1.进入rn项目的ios工程文件夹，找到和rn项目同名的文件件，打开AppDelegate.m文件，将这一行注释掉(为了方便真机和模拟器间的切换，尽量注释)：

jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];

新加一行：

jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"index.ios" withExtension:@"jsbundle"];

如果需要切换回模拟器调试，只需要将新加这行注释掉，并恢复原代码即可。

新加这行代码大概意思就是告诉native rn代码的入口，我们会在下一步生成这个jsbundle。

2.打开终端，进入你的rn工程，在根目录下执行bundle命令：

react-native bundle --entry-file ./index.ios.js --bundle-output ./ios/bundle/index.ios.jsbundle --platform ios --assets-dest ./ios/bundle --dev false

参数说明：

--entry-file 指定入口文件因为要打包ios平台，所以指定为rn项目的index.ios.js作为入口

--bundle-output 指定输出的jsbundle文件路径和文件名指定到rn项目的ios工程文件夹下，记得一定要先创建bundle文件夹，不然终端会报文件夹找不到的错误

--platform 指定平台类型

--assets-dest 指定资源文件夹路径 assets文件夹的路径，包含图片、node模块等资源

--dev 是否为开发模式如果设置为false，不会产生警告，并且bundle会被压缩

还有其他命令，比如：transformer、prepack、bundle-enco