React Native 打离线包注意事项

前端之家收集整理的这篇文章主要介绍了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 index.android.js --bundle-output ./android/app/src/main/assets/index.android.bundle android ./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 ios ./ios/bundle 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 中运行,搞定

猜你在找的React相关文章