如何在react项目引入ant design

 时间:2026-04-26 08:16:21

1、用npm /cnpm 引入antd

目前使用的cnpm 

如何在react项目引入ant design

如何在react项目引入ant design

2、查看配置文件

即可看到我们刚刚引入了版本为2.1.0

如何在react项目引入ant design

3、修改webpack.config.js

如何在react项目引入ant design

4、引入 ant design的样式文件

(注:如果引用了react-router,可将样式文件引入root.js中,如图2)

如何在react项目引入ant design

如何在react项目引入ant design

5、使用ant design组件

如何在react项目引入ant design

如何在react项目引入ant design

6、查看结果

如何在react项目引入ant design

  • WebStorm 2021.1.2怎么设置关于代码重新格式化
  • 怎么打开电脑的高对比度模式
  • 千牛如何开启群消息提醒
  • PS CC 2018图片快速添加图案背景
  • rpk文件怎么打开
  • 热门搜索
    日行一善手抄报名言 争当四好少年手抄报 法律手抄报的内容 电脑手抄报怎么做 数学的手抄报 手抄报版面设计图片 长城手抄报图片 保护动物手抄报内容 爱护环境手抄报图片 人鸦手抄报