generator-auto-react
v2.2.3
Published
auto-react
Downloads
54
Readme
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