react native之ios打包ipa

http://www.cocoachina.com/ios/20170511/19250.html
http://reactnative.cn/post/3600

第一步：导出js bundle包和图片资源

先进入项目根目录release_ios文件夹

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

参数：
--entry-file ：ios或者android入口的js名称，比如index.js
--platform ：平台名称(ios或者android)
--dev ：设置为false的时候将会对JavaScript代码进行优化处理。
--bundle-output,：生成的jsbundle文件的所在目录和名称，比如 ios/ios.jsbundle。

在当前项目中，输入上面命令，然后根目录下的release_ios文件中生成了bundle包和assets资源

第二步：将js bundle包和资源导入到iOS项目中

这一步我们需要用到XCode，选择assets文件夹与main.jsbundle文件将其拖拽到XCode的项目导航面板中即可。



添加到项目里，如下

3、修改项目中BundleURL

修改AppDelegate.m的定向URL，需要注意的是名字要跟你生成的jsbundle的名字一致。

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

jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];

上述代码的作用是让React Native去使用我们刚才导入的jsbundle，这样以来我们就摆脱了对本地nodejs服务器的依赖。

提示：如果在项目中使用了CodePush热更新，那么我们需要就可以直接通过CodePush来读取本地的jsbundle，方法如下：

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
NSURL *jsCodeLocation;
#ifdef DEBUG
jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
#else
jsCodeLocation = [CodePush bundleURL];
#endif
...
return YES;
}