1.4.1 • Published 5 years ago

zzc-react-native-cli v1.4.1

Weekly downloads
1
License
ISC
Repository
github
Last release
5 years ago

租租车App React Native脚手架。

为了统一租租车的整个React Native的版本环境,以及使用同样的目录结构,所以开发出一个自动化创建工程目录的脚手架工具。所有新的RN项目都应该使用该脚手架来创建工程。

安装

脚手架工具需要安装到全局的node_modules中

znpm install zzc-react-native-cli -g

验证是否安装成功

zrn -v

如安装成功则会出现版本号。

使用

创建一个空白的工程目录,然后使用zrn来构建项目。

zrn init -n <project name>

创建完成后目录中将会出现以下结构:

├── __tests__ // RN测试文件 
├── src // 项目业务代码存放文件
├── .buckconfig
├── .flowconfig
├── .gitattributes
├── .gitignore
├── .watchmanconfig
├── App.js
├── app.json
├── babel.config.js
├── index.js
├── metro.config.jsmetro.config.js
├── package.json
├── zrn.cli.config.j

帮助

运行-help命令来获得帮助

zrn --help

构建

运行 bundle命令来构建你的应用

zrn bundle -t <ios|android 默认all>

更多的参数配置可以参考--help来获得。

更新

切勿自行更新自己项目中的RN以及一切和RN相关的文件,例如React,简单来说,项目初始化时就已经存在的依赖请勿自行更新,如果需要更新版本来获得一些新的特性,请联系原生开发组以及我来更新脚手架的配置进行更新。

zrn update

update命令会将脚手架中最新的配置更新到项目的package中,然后需要您自行install即可。

安卓apk构建及安卓

zrn build-apk      // 构建apk
zrn install-apk     // 安卓apk到设备

配置文件

配置文件会在执行init命令时自动创建,可后期自行根据需求修改。 以下为默认配置:

module.exports = {
    iosBundlePath: './ios/RNProject/bundle', // ios bundle file path
    iosBundleStaticPath: './ios/RNProject/bundle', // ios bundle static file path
    androidBundlePath: './android/rnLib/src/main/assets', // android bundle file path
    androidBundleStaticPath: './android/rnLib/src/main/res/', // android bundle static file path
    iosBundleName: 'index.ios.jsbundle', // ios bundle file name
    androidBundleName: 'index.android.bundle', // android bundle file name
    backupPath: 'rn_bundle', // backup ios and android bundle files dir path
    androidAPKPath: './android/app/build/outputs/apk/channelDefEnvDef/release/zuzuChe-release_channelDefEnvDef.apk' // build android apk output path
}