react配置Ant Design步骤解析

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

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

1. 首先确保有一个react项目
2. 安装antd

npm i antd -S

3. 安装按需加载组件代码和样式的插件

npm i babel-plugin-import -D

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

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

5. 更改完配置文件后要重启项目配置文件才会生效
6. 测试引用以Tag为例

现在朋友们可以尽情的去antd文档里面去C你想C，V你所V的了~~

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