新建项目 react+dva+antd

来源:互联网 发布:php开源电商系统 知乎 编辑:程序博客网 时间:2024/06/06 02:29

1、安装dva-cli

npm i dva-cli -gdva -v

2、创建应用

dva new myprojectcd myproject

3、配置 antdbabel-plugin-import

babel-plugin-import 用于按需引入 antd 的 JavaScript 和 CSS,这样打包出来的文件不至于太大

npm i antd --savenpm 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


原创粉丝点击