React Native 本地打包

1,092 阅读1分钟

一、项目根目录下

创建文件夹release_ios

688D7EEB-A6B3-47E4-B881-69C8BD195B5C.png

二、终端

项目根目录 输入

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

三、将文件拖拽至项目下

image.png

拖拽选择Create folder references 时项目内为为蓝色文件夹

image.png

四、添加copy bundle

image.png

五代码修改为本地路径

let RNBundel = Bundle.main.url(forResource: "release_ios/main", withExtension: "jsbundle")
 let rnView = RCTRootView(bundleURL: RNBundel,
                             moduleName: "mainhomePage",
                             initialProperties: nil,
                             launchOptions: nil)

最后送上一步完成操作

.sh文件 打包方式

新建文件 .sh 结尾

打开文件输入

#!/bin/sh
read -p "请输入项目地址: " file

if test -e $file
then
release="$file/release_ios"
ios_release="$file/ios/release_ios"
if test -e $ios_release
then
rm -R $ios_release
fi
if test -e $release
then
rm -R $release
fi
mkdir $release
cd $file
react-native bundle --entry-file index.ios.js --platform ios --dev false --bundle-output release_ios/main.jsbundle --assets-dest release_ios/
mv $release $ios_release
else
echo '文件不存在'
fi

使用:

将文件拖入终端

回车 如图将项目文件夹直接拖入

如下:回车,就完成了RN的本地打包