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