generator-auto-react

2.2.3 • Public • Published

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

Readme

Keywords

Package Sidebar

Install

npm i generator-auto-react

Weekly Downloads

56

Version

2.2.3

License

ISC

Unpacked Size

1.05 MB

Total Files

127

Last publish

Collaborators

  • easonchiu86