React Native 打离线包注意事项
发布时间：2020-12-15 06:53:39 所属栏目：百科 来源：网络整理
导读：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/b
|
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 中运行，搞定
（编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |