React-Native 打离线包

react-native bundle Options（可选参数说明）:

--entry-file ：JS根目录文件（Path to the root JS file, either absolute or relative to JS root [required]）

--platform ：选择平台--（ios or android）

--transformer ：编译器默认编译器地址（/Users/babytree-mbp13/projects/xcodeProjects/AwesomeProject/node_modules/react-native/packager/transformer.js）

--dev ：是否是开发环境，默认为true（If false, warnings are disabled and the bundle is minified [default: true]）

--prepack ：是否需要预先包装，默认为false（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）

--bundle-output ：输出的目录文件地址（File name where to store the resulting bundle, ex. /tmp/groups.bundle [required]）

--bundle-encoding ：编码格式，默认utf8（Encoding the bundle should be written in (https://nodejs.org/api/buffer.html#buffer_buffer)..) [default: "utf8"]）

--sourcemap-output ：结果文件存放地址 （File name where to store the sourcemap file for resulting bundle, ex. /tmp/groups.map）

--assets-dest ：图片等资源文件存放地址（Directory name where to store assets referenced in the bundle）

--verbose ：是否开启日志打印，默认为false（Enables logging [default: false]）

Android示例：react-native bundle --entry-file index.android.js --bundle-output ./android/app/src/main/assets/index.android.bundle --platform android --assets-dest ./android/app/src/main/res/ --dev false

注意事项

1. ./android/app/src/main/assets/ 文件夹必须存在，不存在时需要手动创建一个assets 文件夹

2../android/app/ 这个路径一定要准确，如果对应项目名称发生改变，那目录地址也要做响应的改变

3.执行完拷贝bundle命令之后，在/android/app/目录下执行 gradle assembleRelease 打包命令

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

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

注意事项

1../ios/bundle 确保bundle 文件夹一定存在，不存在时需要手动创建一个assets 文件夹

2.打开Xcode，在Xcode中将生成的assets文件添加到项目中

3.打开Appdelegate.m文件修改：

//jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil]; jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];

4.在xcode 中运行，搞定

 

转载于:https://my.oschina.net/jack088/blog/3082573