react配置Ant Design步骤解析

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

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

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

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可能与上面的配置方法不一致，请随时查看官方变动！​