利用create-react-app結合react-redux、react-router4構建單頁應用
阿新 • • 發佈:2017-11-19
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構建單頁應用