Saga-Cli
用于快速创建React Saga项目
Install
npm install -g saga-cli
Start
直接开始:
saga-cli init TestProject
或者查看帮助
saga-cli --help
Example
随便进入到一个目录:
$ saga-cli init SagaTest
执行完成后:
$ cd SagaTest
$ npm install
启动项目:
$ npm run dev //开发环境
或者:
$ npm run build //用于生产环境代码打包
项目介绍
项目集成
//webpack
npm install --save-dev webpack
npm install --save-dev webpack-dev-server
//react
npm install --save react react-dom
//router v4版本
npm install --save react-router react-router-dom
//redux
npm install --save redux react-redux redux-saga
//babel
npm install --save-dev babel-core babel-loader babel-preset-react babel-preset-es2015 babel-preset-stage-0 babel-preset-stage-3
项目结构
|--react-saga
|----src //源代码目录
|------layout //app layout组件
|--------Header
|--------RouterLayout
|--------Footer
|------router //根据路由来划分模块、所以这以router来命名
|--------Modules
|--------reducer.js
|------common
|------saga //saga配置目录、包含:saga,store,根reducer
|--------index.jsx
|--------reducer.jsx
|--------store.jsx
|--------util.js
|------main.jsx //app入口文件
|------app.jsx //app顶级业务容器
|------template.html
|----package.json
|----webpack.config.js