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

注意事项

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 中运行，搞定