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

標籤：tar   結合   裝飾器   log   dev   babel   載入   create   com   

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

 

 

　　　

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