Rn常用命令

164 阅读2分钟

Android集成Rn涉及两种方式:

  • Android原生项目本来就在,参考www.react-native.cn/docs/integr… 大致流程是:创建一个空文件夹,在创建一个子文件夹Android,将原生项目放到Android中,然后在项目根目录进行package.json文件的创建,然后运行npm install安装对应的包

  • 直接使用上边的npx react-native init AwesomeProject创建新的项目

安装yarn

npm install -g yarn

运行项目

yarn android或者yarn react-native run-android

重新编译:

yarn android

查看react相关信息:版本信息

npm info react

打包:

Options:

  -h, --help 输出如何使用的信息

  --entry-file RN入口文件的路径, 绝对路径或相对路径

  --platform [string] ios 或 andorid

  --transformer [string] Specify a custom transformer to be used

  --dev [boolean] 如果为false, 警告会不显示并且打出的包的大小会变小

  --prepack 当通过时, 打包输出将使用Prepack格式化

  --bridge-config [string] 使用Prepack的一个json格式的文件__fbBatchedBridgeConfig 例如: ./bridgeconfig.json --bundle-output 打包后的文件输出目录, 例: /tmp/groups.bundle

  --bundle-encoding [string] 打离线包的格式 可参考链接nodejs.org/api/buffer.….

  --sourcemap-output [string] 生成Source Map,但0.14之后不再自动生成source map,需要手动指定这个参数。例: /tmp/groups.map --assets-dest [string] 打包时图片资源的存储路径

  --verbose 显示打包过程

  --reset-cache 移除缓存文件

  --config [string] 命令行的配置文件路径

  --bundle-output bundle文件输出路径

  --assets-dest 静态资源文件输出路径

index.js是启动文件,android是平台,./out/android/index.android.bundle输出文件路径和名字

react-native bundle --platform android --dev false --entry-file index.js --bundle-output ./out/android/index.android.bundle --assets-dest ./out/android

查看日志:

npx react-native log-android

安装开发调试工具:

安装npm install -g react-devtools,开发调试工具,是需要配置镜像:打开npmrc文件直接填写镜像

zhidao.baidu.com/question/19…

如何在之前的老项目(react-native是0.48.0)中打本地包:

不要使用npm install去安装脚手架(react-native-cli),直接在dependencies中添加,然后执行打包命令即可: