react项目很多时候都会用到antd，那么我们在舒服的使用antd前要如何进行配置？

接下来笔者会随着大家一起去做。

  1. 首先确保有一个react项目
  2. 安装antd
npm i antd -S
  1. 安装按需加载组件代码和样式的插件
npm i babel-plugin-import -D

react配置Ant Design步骤解析_react学习
笔者家网速不是很好，改用了cnpm淘宝镜像才安装成功。，朋友们可正常使用npm
4. 在package.json的babel中配置

"plugins":[
	["import",{"libraryName":"antd","style":true}]
]

react配置Ant Design步骤解析_react学习_02
5. 更改完配置文件后要重启项目配置文件才会生效
6. 测试引用以Tag为例
react配置Ant Design步骤解析_react教程_03
现在朋友们可以尽情的去antd文档里面去C你想C，V你所V的了~~

PS：新版本的react可能与上面的配置方法不一致，请随时查看官方变动！
PS：新版本的react可能与上面的配置方法不一致，请随时查看官方变动！
PS：新版本的react可能与上面的配置方法不一致，请随时查看官方变动！