React Native之iOS(jsbundle包)打包详细步骤

在React Native项目中，打包iOS应用时，你可能需要将JavaScript部分打包成一个jsbundle文件以提高应用启动速度。以下是打包jsbundle的步骤：

1. 确保你的设备已经连接到电脑，并且你的React Native环境已经安装完毕。
2. 在终端中进入到你的React Native项目目录。
3. 执行以下命令来打包JavaScript部分：

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

解释各参数：

• --entry-file: 入口的js文件名，通常是 index.js。
• --platform: 平台名，这里是 ios。
• --dev: 是否需要开发环境，设置为 false 以生成生产版本。
• --bundle-output: 输出的jsbundle文件路径，这里指定为 ios/main.jsbundle。
• --assets-dest: 静态资源的输出目录，这里指定为 ios/。

4. 打包完成后，你会在指定的目录下得到main.jsbundle文件。
5. 在Xcode中打开你的React Native项目。
6. 在Xcode中，找到你的项目的AppDelegate.m文件，将jsCodeLocation的定义修改为：

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

这样应用就会从你打包好的main.jsbundle文件加载JavaScript代码。

7. 最后，在Xcode中编译并运行你的项目。

以上步骤会生成一个不包含原生代码依赖的“纯JavaScript”应用，可以提高应用的启动速度。