### yoman for auto-react



#### React项目脚手架，搭配yeoman使用

本脚手架仅限于移动端使用


#### 目录别名
- src 指向src目录
- @ 同样指向src目录
- auto 指向src中的auto目录，auto为我们的ui组件库（autoUI实现自动加载，无需import操作）


#### 目录结构
```
|- dist 发布（可在根目录的appConfig.js中配置）
|- src 开发环境
|	|- template.html 入口模板文件
|	|- main.js 入口js文件，注入基础的依赖与模板
|   |- appConfig.js app的配置文件，主要配置basename、打包的出口目录这些
|	|- assets 素材包(样式、字体、图片等)
|		|- fonts
|		|- images
|		|- css
|   |- conf 配置文件，native的配置文件、cdn目录、微信的配置等（自行扩展）
|   |- hoc 高阶组件
|   |- utils 工具类（常用的token、http方法的封装都在这个包内）
|	|- redux
|		|- actions
|		|- reducers
|		|- store 配置的store
|		|- connect.js 连接组件与redux
|	|- routes 路由
|		|- index.js 路由配置文件
|	|- components 组件（展示组件）
|		|- [name]
|			|- index.js
|			|- style.scss
|	|- containers 容器组件（容器组件，一般不需要这一层）
|		|- [name]
|			|- index.js
|			|- style.scss
|	|- views 页面组件（页面展示组件，即多少页面就有多少个该组件）
|		|- [name]
|			|- index.js
|			|- style.scss

```

#### 使用


```
// 安装yeoman
$ npm install -g yo

// 然后安装脚手架
$ npm install -g generator-auto-react

// 构建项目
$ mkdir myApp
$ cd myApp
$ yo auto-react

... // 根据提示配置一些信息

// 安装npm包
$ yarn

// 安装完成之后
// 完成后浏览器将自动打开，或手动 localhost:3880
$ npm run dev
```