利用create-react-app結合react-redux、react-router4構建單頁應用


1.創建項目:

  a.全局安裝create-react-app: npm  install  create-react-app  -g

       b.執行create-react-app  my-projectName創建自己的項目,完成之后npm run  start即可啟動項目。

2.引入組件庫、插件配置等:

  a.執行npm install  antd-mobile  --save安裝組件庫

  b.執行npm install  babel-plugin-import  --save安裝按需加載插件

  c.執行npm  run  eject  彈出個性化配置,在package.json中的babel配置項添加按需加載插件配置:

    

3.引入redux、react-redux

  a.執行npm install  redux  --save安裝redux 

  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

 

 

   


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM