建立項目 react+dva+antd

1、安裝dva-cli

npm i dva-cli -g
dva -v
           

2、建立應用

dva new myproject
cd myproject
           

3、配置 antd 和 babel-plugin-import

babel-plugin-import 用于按需引入 antd 的 JavaScript 和 CSS，這樣打包出來的檔案不至于太大

npm i antd --save
npm i babel-plugin-import --save-dev
           

修改

.roadhogrc

，在

"extraBabelPlugins"

裡加上：

["import", { "libraryName": "antd", "style": "css" }]
           

4、Step 3. 配置代理，能通過 RESTFul 的方式通路http://localhost:8000/api/users

修改

.roadhogrc

，加上

"proxy"

配置：

"proxy": {
  "/api": {
    "target": "http://jsonplaceholder.typicode.com/",
    "changeOrigin": true,
    "pathRewrite": { "^/api" : "" }
  }
},
           

啟動應用：

npm start