美文网首页
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