React项目结构
public：存放不被webpack处理的资源，webpack在打包时会将public中的文件复制一份在打包好的文件夹中
src：前端编码相关文件夹
-
assets：文件夹，存放图片、css文件、字体文件等资源文件，会被微博怕吃苦编译，可以对其进行设置，比如：设置当图片大小小于多少事将其编译为base64文件
-
common：文件夹，存放一些定义常量变量的问价与假数据文件
-
components：文件夹，存放各页面相关的公共组件
-
pages：文件夹，存放与路由相关的页面组件
-
XXX文件夹：与路由相关的内容各自创建一个文件夹
-
子页面路由文件夹
-
Index.jsx
-
Style.css
-
store文件夹：存放与该子页面功能相关的状态管理
- index.js:引入reducer，暴露reducer
- actionCreator：创建action相关
- constant.js：将action中的type对象定义为常量，减少因变量名造成的bug
- reducer.js：编写reducer相关的函数
-
-
index.jsx
-
style.js/style.css
-
-
-
router：文件夹，配置路由相关信息
- Index,js：配置route数组对象
-
service：文件夹，发起http请求相关配置
- request.js：对axios进行封装
- config.js：配置http请求的基本信息，如：baseUrl与timeout设置
- xxx.js：各个页面相关功能的http请求文件
-
store：文件夹，状态管理相关
- index.js：创建store并导出
- reducer.js：合并各个页面的reducer，并导出
-
utils：文件夹，存放各个页面需要用到的公共方法
-
app.js：js文件，整体页面布局
-
index.js：js文件，将app.js渲染到html中
