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 
 @H_404_252@ sharedSettings] jsBundleURLForBundleRoot:@ 
 "index.ios" 
 @H_404_252@ fallbackResource:nil]; jsCodeLocation = [[ 
 NSBundle 
 @H_404_252@ mainBundle] 
 URLForResource 
 @H_404_252@:@ 
 "main" 
 @H_404_252@ withExtension:@ 
 "jsbundle" 
 @H_404_252@]; 

 
 4 
 .在xcode 中运行，搞定 

原文链接：https://www.f2er.com/react/303125.html

React Native 打离线包注意事项

猜你在找的React相关文章