美文网首页
ReactNative打iOS的离线bundle包,资源没有打进

ReactNative打iOS的离线bundle包,资源没有打进

作者: 会撸码的小马 | 来源:发表于2018-01-29 11:35 被阅读0次

首先,在RN开发成功一般都要自己先打一个离线bundle,测试看看是否会有问题,先看看我的打包命令:

"iosBundle": "react-native bundle --entry-file Main/MainApp.js --bundle-output outPut/Bundles/MainApp.jsbundle --platform ios --dev false"

可以看到上面的命令并没有把资源打包命令添加命令中,所以我们要修改为:

"iosBundle": "react-native bundle --entry-file Main/MainApp.js --bundle-output outPut/MainApp.jsbundle --assets-dest outPut/Assets/ --platform ios --dev false"

可以看到,多了一个 --assets-dest,就是RN图片资源的输出路径

既然RN的图片资源已经打包出来,接下来就需要把图片ios项目工程里面了:

打开xcode,把打包出来的assets(离线包默认名称是assets)拖入工程,选择Create folder references【完成后显示蓝色文件夹图标】,把MainApp.jsbundle也拖入xcode里面,选择 Create groups就行了

修改获取bundle路径,不用localhost了,如下:

jsCodeLocation = [[NSBundlemainBundle]URLForResource:@"MainApp" withExtension:@"jsbundle"];

当当当当,把项目跑起来吧!!!!!!

相关文章

网友评论

      本文标题:ReactNative打iOS的离线bundle包,资源没有打进

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