React Native打包IOS超详细步骤

最新推荐文章于 2024-05-06 03:36:08 发布

羊二哥

最新推荐文章于 2024-05-06 03:36:08 发布

阅读量1.3w

点赞数 6

分类专栏： react native

本文链接：https://blog.csdn.net/weixin_43586120/article/details/104622566

版权

项目名我们设定为：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.jsbu