利用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

相關文章
相關標籤/搜索