根据之前同事构建的react,redux项目,然后自己研究构建一个,下面是自己构建项目的流程。用的是react16版本,redux4.0.1,react-router4.3.1;
1.用create-react-app命令,先构建一个初始的架子。用命令npm run eject后,需要再npm install 下,要不然会报有些模块找不到。
2.因为要跟redux和react-router结合使用,所以要安装这两个包,以及react-redux和react-router-dom。另外,要整理下框架的结构
1.constant:用来存放action类型的常量
2.redux文件夹下的rootReducer是把所有的reducer整合成一个reducer,用的方法是combineReducers,configureStore创建store。
3.配置rootReducer,见下图
4,配置configureStore,如下图
5.入口文件中需要的root组件的内容:
6.所有文件的集合,通过react-router来跳转:
7.入口文件index:
8.至此,根据别的同事项目改变的一个框架诞生了。哈哈哈哈哈。。。
9.还忘记了,里边要想需要用到一些修饰器的,根据react的版本我安装了@babel/plugin-proposal-decorators和babel-plugin-transform-decorators-legacy;另外plugins中的配置如下
10.好了,好像就这么多了。