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

你可能感兴趣的:(React-Native 打离线包)