利用create-react-app结合react-redux、react-router4构建单页应用

1.建立项目:react

  a.全局安装create-react-app: npm  install  create-react-app  -gnpm

       b.执行create-react-app  my-projectName建立本身的项目,完成以后npm run  start便可启动项目。json

2.引入组件库、插件配置等:redux

  a.执行npm install  antd-mobile  --save安装组件库babel

  b.执行npm install  babel-plugin-import  --save安装按需加载插件antd

  c.执行npm  run  eject  弹出个性化配置,在package.json中的babel配置项添加按需加载插件配置:react-router

    

3.引入redux、react-reduxapp

  a.执行npm install  redux  --save安装redux dom

  b.执行npm install  redux-thunk安装thunk插件,使redux可处理异步操做异步

  c.执行npm install  react-redux  --save安装react-redux简化参数传递

  d.执行npm  install  babel-plugin-transform-decorators-legacy --save-dev安装此插件支持connect的装饰器写法

 

4.引入react-router4

  a.执行npm  install  react-router-dom  --save

相关文章
相关标签/搜索