1.在自己專案的ios資料夾下新建一個資料夾取名bundle（ps:ios資料夾和node_modules資料夾在同一級目錄下，這個bundle資料夾名稱隨意取，後面要用到，但是記得在相應地方改一下就好了）

2.為了方便，將打包命令寫到專案package.json檔案裡，
然後執行命令：

npm run bundle-ios

EA9D8CCD-C12D-4DBA-A30C-65B2B99EAB2B.png.png

打包命令入下，命令的具體含義參考這篇文章：

"bundle-ios":"node node_modules/react-native/local-cli/cli.js bundle --entry-file index.ios.js --platform ios --dev false --bundle-output ./ios/bundle/index.ios.jsbundle --assets-dest ./ios/bundle"

接下來就是等等~等，可能得等6、7分鐘了。打包命令完成後會在我們新建的資料夾bundle裡面生成相應的檔案。

注意：如果你載入了本地的html檔案，且放置該html檔案目錄下有你html裡引用的圖片和CSS檔案，記得手動新增到assets->js->html檔案下，因為

ios在打包時，react native會把所有非js的檔案當作資源來處理，並不會一起打包到index.bundle.js和index.bundle.meta檔案中，而你的html會被打包到assets目錄下的相對路徑中，通過解壓ipa檔案 這個時候你只會看到，解壓出來的目錄中，html檔案內載入的相對路徑下的資源並沒有被打包進來。這是因為react native認識的只有html這個資源，並不認識html內部引用的其他資源連結。

3.用Xcode開啟專案，選中跟專案同名的那個資料夾，右鍵，選中‘Add Files to ..’選項，然後選擇新建的那個bundle資料夾，在彈出的對話方塊中，點選options，一定要勾選Create folder references選項，將bundle資料夾新增到專案裡，Xcode下該資料夾一定要是藍色的。

4.修改AppDelegate.m中的載入包的方式（只需修改一次）,之後專案會自動跟據debug還是release狀態載入不同的包，我們不用在管了

NSURL *jsCodeLocation;
#ifdef DEBUG
     //開發包
     jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];
#else
     //離線包
    jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"bundle/index.ios" withExtension:@"jsbundle"];
#endif
 

5.將專案由debug狀態改成release狀態，Xcode-->Product-->Scheme-->Edit Scheme...

6 選擇 Generic iOS Device ,修改Version和Build號

7.clean一下專案，然後編譯。此處生成.ipa檔案的方式有多種，可以Archice,也可以先刪除.app檔案再在編譯，將成的.app檔案拖到iTunes裡面生成。有了.ipa檔案，接下來是上傳app store還是內測就看你了，哈哈哈
至此，react native ios打包完成

作者：慕詡
連結：https://www.jianshu.com/p/6d1ee919ded3
來源：簡書
簡書著作權歸作者所有，任何形式的轉載都請聯絡作者獲得授權並註明出處。