React Native打包

一、iOS打包

1、RN环境配置:

# 进入项目目录

cd AwesomeProject

将命令添加进项目的package.json文件的scripts字段中

"scripts": {

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

  }

参数说明:

--entry-file ios或者android入口的js名称,比如index.js

--platform平台名称(ios或者android)

--dev设置为false的时候将会对JavaScript代码进行优化处理。

-- -output 生成的jsbundle文件的名称,比如./ios/bundle/main.jsbundle

--assets-dest图片以及其他资源存放的目录,比如./iOS/bundle

配置完成后

cd  ios //进入当前项目文件,进入ios文件夹

mkdir  bundle    //创建bundle文件夹

打包直接运行npm run bundle-ios

2、Xcode打包

打开iOS工程文件

新增bundle到iOS项目ZLDemo中

选中Xcode项目,鼠标右键选中Add Files to "ZLDemo"添加bundle。

完成后基本所有配置都完成了,之后就是进行iOS在Xcode中配置。

1.1、证书配置

1.2、release配置

1.3、正常Xcode打包流程

1.4、发包自测

备注Xcode打包有问题可以留言一起解决。

问题一、

问题二、ld: library not found for -lCocoaAsyncSocket

问题三、ENOENT: no such file or directory open ./ios/bundle/index.ios.jsbundle

缺少 bundle文件,新建。

cd  ios //进入当前项目文件,进入ios文件夹

eg:cd /Users/apple/Desktop/ZLDemo/ZLDemo/ios

mkdir  bundle    //创建bundle文件夹

cd ..    //进入上一文件夹(当前项目文件夹)

配置好package.json文件,具体见上边

npm run bundle-ios 

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

二、Android打包

后期更新

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容