美文网首页技术分享React Native开发
react-native 打离线包之iOS篇

react-native 打离线包之iOS篇

作者: MrZhaoCn | 来源:发表于2017-01-21 14:35 被阅读1536次

主要分为以下几步

  1. cd 到你的工程目录下;
  2. 执行命令:
    react-native bundle --entry-file index.iOS.js --bundle-output./index.ios.jsbundle --platform ios --assets-dest ./ios --dev false

facebook 官网给出的解释如下:
react-native bundle
Options:
--entry-file Path to the root JS file, either absolute or relative to JS root [required]
--platform Either "ios" or "Android"
--transformer Specify a custom transformer to be used (absolute path) [default: "/Users/babytree-mbp13/projects/xcodeProjects/AwesomeProject/node_modules/react-native/packager/transformer.js"]
--dev If false, warnings are disabled and the bundle is minified [default: true]
--prepack If true, the output bundle will use the Prepack format. [default: false]
--bridge-config File name of a a JSON export of __fbBatchedBridgeConfig. Used by Prepack. Ex. ./bridgeconfig.json

重点关注几个选项:
--entry-file:这个是你要打包的跟文件,通常是index.ios.js,注意路径不要错了,
--bundle-output:这个是你要将打包的文件放到哪里,打包的文件起什么名字如:./index.ios.jsbundle
即放入当前目录,名字为index.ios.jsbundle
--platform : 平台设置不多说
--assets-dest:这个是你的资源打包到什么地方,通常是图片资源,文件资源什么的:如./ios
即将资源打包到ios目录下。

3.将打包的jsbundle和资源文件拖入工程,其中资源文件要以引用的方式拖入,jsbundle以拷贝方式拖入工程.
4.修改appDelegate.m如下:

//jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];  
jsCodeLocation = [[NSBundlemainBundle]URLForResource:@"index.ios"withExtension:@"jsbundle"];

相关文章

  • RN打离线包

    RN打离线包 react-native bundle --entry-file ./index.ios.js --...

  • React Native打离线包

    记录下iOS打离线包遇到的问题。 新建React Native工程:react-native init TwoPr...

  • react-native 打离线包之iOS篇

    主要分为以下几步 cd 到你的工程目录下; 执行命令:react-native bundle --entry-fi...

  • 打包

    调整oc代码,将调试模式注释,开启离线模式 react-native 打离线包 Options: node nod...

  • RN笔记-原生应用跳转JS页面之坑

    在react-native的道路上继续挖坑、填坑。 1、打离线包的终端命令行 2、工程中导入离线包 离线包打好之后...

  • React-native 打离线包(iOS)

    1.react native 在本机可以访问到的情况下是可以在真机运行, 但是不在WIFI情况下真机是运行不了,所...

  • ReactNative打离线包-ios篇

    离线包就是把RN和你写的js图片等资源都打包放入app,不需要走网络下载。 打包命令说明 ios打包步骤 1、在工...

  • React-Native 打离线包

    react-native bundle Options(可选参数说明): --entry-file :JS根目...

  • RN精进笔记(六)RN打离线包篇

    React-Native打离线包 RN-App项目中js代码和native代码,其中js代码的打包是动态的,打成j...

  • ReactNative 打离线包-iOS

    ReactNative 是由 Facebook 基于 React.js 开发的一套跨平台开发框架。相信看到这篇文章...

网友评论

    本文标题: react-native 打离线包之iOS篇

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