新建项目 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