rayx

快速开始你的react项目，webpack+react项目工程化CLI工具集，为了提高开发效率和开发体验，避免繁琐的操作，规范项目结构和文档。

安装

npm install rayx -g

文档：v2, v3

v2.2.0+ 重写命令

创建项目

rayx c 项目名/项目描述

rayx create 项目名/项目描述

entry操作

新增

rayx entry --add 入口名/页面标题

rayx entry -A 入口名/页面标题

移除

rayx entry --delete 入口名

rayx entry -D 入口名

component操作

新增

rayx component --add 组件名/组件描述

rayx component -A 组件名/组件描述

移除

rayx component --delete 组件名

rayx component -D 组件名

md 文档操作 （v2.1.0+）

rayx md --update

rayx md -U

1. 之前没有md文档的可以用这个生成文档
2. 文档根据目录内容生成
3. v2.1.0之后点的版本，对入口和组件的操作会同步更新文档

api生成器 （v2.3.0+）

1. 命令：rayx api [apiname] [dir] [mode]
2. apiname：json文件源名称，选填，默认"api"
3. dir：生成到指定目录，选填，默认"./src/"，如果想指定目录名称，apiname为必填，
4. mode：模式，选填

生成默认api

rayx api

生成api，覆盖原生成文件，除了fetch.js

rayx api -O

生成适用于微信小程序的api

rayx api --wxa

生成到指定目录

rayx api ./src/api

例子

import { query_info } from "api/query/info";
import { query_info_rest } from "api/query/restinfo";

// 正常请求
query_info({
    id: 123
}).then((res)=>{

})

// REST-FULL 风格接口
// api/query/{id}/info
// api/query/123/info
query_info_rest({
    "{id}": 123
}).then((res)=>{

})

1. api.json文件由后端生成提供
2. 请求使用axios

生成目录结构说明

project
│   README.md
│   .babelrc     // babel配置文件
│   .gitignore   // 忽略提交配置
│   package.json  
│   postcss.config.js  // postcss配置文件
│   webpack.config.js  // webpack配置文件
└─src
│   │   api        // 接口, rayx api 可生成接口
│   │   commons     // 公共模块
│   │   components // 项目共用组件
│   │   entrys         // 项目入口
│   │   images        // 项目共用图片
│   │   libraries      // 第三方库
│   │   pages          // html页面模板
│   │   reducers      // redux reducers
│   │   styles           // 项目共用样式