美文网首页
ReactNative打包bundle后使用Xcode内的图片

ReactNative打包bundle后使用Xcode内的图片

作者: 1234yws | 来源:发表于2018-10-18 15:14 被阅读97次

一、打包
打包

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

对应参数:

--entry-file 指定入口文件 因为要打包ios平台,所以指定为rn项目的index.ios.js作为入口

--bundle-output 指定输出的jsbundle文件路径和文件名 指定到rn项目的ios工程文件夹下,记得一定要先创建bundle文件夹,不然终端会报文件夹找不到的错误

--platform 指定平台类型

--assets-dest 指定资源文件夹路径 assets文件夹的路径,包含图片、node模块等资源

--dev 是否为开发模式 如果设置为false,不会产生警告,并且bundle会被压缩

打包成功后提示

二、查看打包后文件
在ios/bundle文件夹下


如图

将图中红框内的两个文件导入到Xcode中,一定要选择 Create folder refrences


如图

三、大功告册

相关文章

网友评论

      本文标题:ReactNative打包bundle后使用Xcode内的图片

      本文链接:https://www.haomeiwen.com/subject/khfszftx.html