react项目脚手架

首次安装

    npm install -g yo   //如果已安装则跳过
    npm install -g generator-zeus-react     //安装脚手架到全局
    

脚手架安装

    mkdir my-project
    cd my-project
    yo zeus-react [-p 8888]
    

可以通过-p xxxx指定端口，未指定则默认3000，如果端口被占用的话项目启动后会报错，请手动运行npm start。

生成的目录

    - config    //配置目录
    
        - base.js   //公共配置
            
        - dev.js    //开发环境配置：如ajax代理设置、访问端口等
        
        - prod.js   //生成环境配置：如编译路径，静态资源上下文路径等
        
    - src   //项目源文件
    
        - page      //页面
        
            - todo      //存放todoList示例
            
                - components    //页面组件
                
                    - Footer.js
                    
                    - List.js
                    
                    - Header.js
                    
                - index.js
                
                - index.scss    //页面样式
        
        - index.html //首页
        
        - main.js   //项目入口文件
        
        - polyfill.js   //垫片，如：babel-polyfill
        
        - vendor.js     //第三方库或插件：如：bootstrap、react、公共样式文件等.
        
    - .npmrc    //npm安装镜像配置，无需管
    
    - package.json  //项目依赖文件
    
    - READEM.md     //项目说明
    
    - webpack.config.js //webpack配置文件
    

运行和打包

    npm start   //启动项目
    npm run build   //打包项目到dist文件夹（后面可能会打包到webapp目录下）
    

TODO

• 编译到webapp目录下

• 添加redux目录结构