android+rn+离线包,React Native bundle打离线包

如何打包呢？

react-native bundle

–entry-file ,ios或者android入口的js名称，比如index.ios.js

–platform ,平台名称(ios或者android)

–dev ,设置为false的时候将会对JavaScript代码进行优化处理

–bundle-output, 生成的jsbundle文件的名称，比如./ios/index.ios.jsbundle

–assets-dest 图片以及其他资源存放的目录,比如./ios 默认会生成一个新的文件夹assets

For iOS

react-native bundle --entry-file index.ios.js --bundle-output ./ios/main.jsbundle --platform ios --assets-dest ./ios --dev false

For Android

跟iOS差不多，只不过变量变为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

这样的一串命令以后还得用呢，那是不是可以写个脚本留给以后重复用呢？

其实可以利用npm的脚本就可以，在package.json中添加(bundle-ios)如下：

"scripts": {

"start": "node node_modules/react-native/local-cli/cli.js start",

"bundle-ios": "react-native bundle --entry-file index.ios.js --bundle-output ./ios/main.jsbundle --platform ios --assets-dest ./ios --dev false",

"bundle-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"

|

以后每次打包直接运行:

npm run bundle-ios

npm run bundle-android

打包好的资源添加到xcode项目。

到具体的rn控制器中，采用bundle的方式集成

// jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];

jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];