1. 程式人生 > >利用create-react-app結合react-redux、react-router4構建單頁應用

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

app pro json 裝飾器 ans install 組件 orm alt

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構建單頁應用