ReactNative打包

1、在ios目录下创建bundle文件夹

2、在bundle目录下创建assets文件夹，assets是图片以及其他资源存放的目录

3、终端进入到项目的根目录下，运行以下命令：

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

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

4、将bundle添加进工程，添加时必须使用Create folder references的方式添加文件夹，添加到工程后的文件夹必须是蓝色的。如下图所示：

 

5、在原生工程调用rn的地方，需作调整

之前代码为：

1 2 3

NSURL *jsCodeLocation; jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil]; rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation moduleName:@"SinaLeJuB" initialProperties:nil launchOptions:nil];

更改后代码为：

1 2 3

NSURL *jsCodeLocation; jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"bundle/index.ios" withExtension:@"jsbundle"]; rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation moduleName:@"SinaLeJuB" initialProperties:nil launchOptions:nil];