React Native打包打包IOS超详细步骤超详细步骤
项目名我们设定为:项目名我们设定为:iotApp
1、在、在ios目录下新建目录下新建bundle目录。后面编译打包离线资源,也会生成目录。后面编译打包离线资源,也会生成bundle目录,提前建,是为了防止某些情况下报错。目录,提前建,是为了防止某些情况下报错。
2、进行编译,离线打包资源。命令如下:、进行编译,离线打包资源。命令如下:
react-native bundle
--entry-file index.js //entry-file,ios或者android入口的js名称,比如index.js
--platform ios //platform ,平台名称(ios或者android)
--dev false //设置为false时会对JavaScript代码进行优化处理
--bundle-output ./ios/bundle/index.ios.jsbundle //生成的jsbundle文件的名称
--assets-dest ./ios/bundle //图片以及其他资源存放的目录,比如./ios/bundle
为了方便操作,在package.json中添加编译命令(node node_modules/react-native/local-cli/cli.js为脚本,固定写就行)
"scripts": {
...,
"bundle-ios":"node node_modules/react-native/local-cli/cli.js bundle --entry-file index.js --platform ios --dev false --bundle-output ./ios/bundle/index.ios.jsbundle --assets-dest ./ios/bundle"
}
这样每次执行npm run bundle-ios,即可离线打包资源。离线包生成完成之后,可以在ios目录下看到一个bundle目录,这个目录就是bundle生成的离线资源。
3、打开、打开Xcode引入项目文件,引入项目文件,.xcodeProj,,RN 0.60.0以后的版本有不一样的后缀以后的版本有不一样的后缀
4、右键打开项目同名的、右键打开项目同名的iotApp的菜单,的菜单,Add Files to "RNIos"