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搜索sta爿讥旌护ge: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 [email protected] --dev这个是3.0.0版本的yarn add [email protected] --dev这个是4.2.0版本的yarn add [email protected] --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重新安装一下即可。