主要分为以下几步
- cd 到你的工程目录下;
- 执行命令:
react-native bundle --entry-file index.iOS.js --bundle-output./index.ios.jsbundle --platform ios --assets-dest ./ios --dev false
facebook 官网给出的解释如下:
react-native bundle
Options:
--entry-file Path to the root JS file, either absolute or relative to JS root [required]
--platform Either "ios" or "Android"
--transformer Specify a custom transformer to be used (absolute path) [default: "/Users/babytree-mbp13/projects/xcodeProjects/AwesomeProject/node_modules/react-native/packager/transformer.js"]
--dev If false, warnings are disabled and the bundle is minified [default: true]
--prepack If true, the output bundle will use the Prepack format. [default: false]
--bridge-config File name of a a JSON export of __fbBatchedBridgeConfig. Used by Prepack. Ex. ./bridgeconfig.json
重点关注几个选项:
--entry-file:这个是你要打包的跟文件,通常是index.ios.js,注意路径不要错了,
--bundle-output:这个是你要将打包的文件放到哪里,打包的文件起什么名字如:./index.ios.jsbundle
即放入当前目录,名字为index.ios.jsbundle
--platform : 平台设置不多说
--assets-dest:这个是你的资源打包到什么地方,通常是图片资源,文件资源什么的:如./ios
即将资源打包到ios目录下。
3.将打包的jsbundle和资源文件拖入工程,其中资源文件要以引用的方式拖入,jsbundle以拷贝方式拖入工程.
4.修改appDelegate.m如下:
//jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];
jsCodeLocation = [[NSBundlemainBundle]URLForResource:@"index.ios"withExtension:@"jsbundle"];