react中如何安装antd？

1、在项目的控制台里写yarn eject。

记住在eject之前需要删除.git和.gitignore。

yarn eject以后会有config和scripts文件夹形成

2、安装将Rem转为Px的包

yarn add postcss-px2rem --dev

别忘了--dev

3、移动端适配（如果不是移动端可以跳过）

yarn add lib-flexible

4、在yarn eject后生成了config文件夹，我们在里面找到webpack.config.js，然后再ctrl+f搜索stage:3然后复制粘贴px2rem({remUnit:37.5})。

结构如下：

.stage: 3,

}),

//----------下面这行是新增加的

px2rem({remUnit:37.5},

5、然后这时候是报错的，我们再在webpack.config.js最上边任意位置写一下代码：

const px2rem=require("postcss-px2rem")

6、yarn add postcss-loader --dev

这里有可能有版本问题，如果出现了，选择低版本安装即可。

yarn add postcss-loader@3.0.0 --dev这个是3.0.0版本的

yarn add postcss-loader@4.2.0 --dev这个是4.2.0版本的

yarn add postcss-loader@5.2.0 --dev这个是5.2.0版本的

7、yarn add babel-plugin-import --dev

安装完以后在package.json里的“babel"里添加代码"plugins：[......]"：

"babel": {

    "presets": [

      "react-app"

    ],

    "plugins": [

      ["import", { "libraryName": "antd-mobile", "style": "css" }]

    ]

  }

8、yarn add antd-mobile

安装antd

9、import {Icon} from 'antd-mobile'

使用antd里面的图标

10、如果最后全安装完了以后还是不能用，记得先把node-modules删除了，然后yarn重新安装一下即可。