react,redux,webpack前端项目

react,redux,webpack前端项目

最近用react+redux+webpack搭建起来的一个项目，且看看目录结构：

1. node_modules : 依赖环境存放；
2. src : 重要代码；
3. components : 一些自定义的组件，方便重复利用；
4. containers : 页面；
5. redux : action;
6. routes.js : 路由配置文件；
7. webpack : 前端资源打包工具；

先熟悉一些流程，一开始没有接触过react+redux+webpack，就要参加开发了，必须补补补基础。

routes.js

import React from 'react';
import {IndexRoute, Route, IndexRedirect} from 'react-router';
import {
    Home,
    Account,
    AddAccount,
    ResetPwd
  } from 'containers';
export default (store) => {
    const requireLogin = (nextState, replace, next) => { 
      };
      return (
        
          
            
            
            
            
         
        
        
        
        
    )
}

1. 首先在src/containers下建立对应的组件（Home/Home.js)；
2. 然后引入import组件；
3. 标签的path是访问路径;name要和以后的key值相同；component是对应的组件；onEnter是一开始默认先执行的一个函数；
4. 一个标签里可以嵌套多个标签，访问路径是前面路径再加上后来的path，代表父级页面和子页面；