react-native 自动化构建过程(apk包)

原理图

image.png

准备工作 1.安装android stuido 2.react-native源文件(git获取源码) 3.安装npm包管理工具 4.安装react-native-cli

代码语言：javascript复制

npm install -g react-native-cli

步骤分解如下：

1.环境切换(CI)

react-native源文件 目录结构如下

image.png

a.根据不同的环境使用不同的配置文件(src/config/config.js)

image.png

2.下载依赖包

使用命令行 进入根目录

代码语言：javascript复制

cd /Users/kz/Documents/myProjects/kmyd-app
npm install

等待安装完成后,执行链接任务

代码语言：javascript复制

react-native link

3.打包 进入android 项目

代码语言：javascript复制

cd android

清理工程 ` `` ./gradlew clean

代码语言：javascript复制

![image.png](https://upload-images.jianshu.io/upload_images/1594482-46eea91646ac02f1.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)
构建安装包apk

./gradlew assembleRelease --stacktrace --info

代码语言：javascript复制

![image.png](https://upload-images.jianshu.io/upload_images/1594482-29b4966fe43bd7fe.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)

![image.png](https://upload-images.jianshu.io/upload_images/1594482-a347d479add74ef7.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)

reactnative

0 人点赞