首先要下载antd依赖包 yarn add antd
重启vscode能在node_modules里找到antd包，dist里有antd.css样式
在需要用的地方导入antd以及样式文件
如果需要用图标等库，要引入
如何按需导入
下载 yarn add react-app-rewired customize-cra
下载后需要在package.json中再修改
红的要改成绿色的
根目录是和package.json同级的目录，不在任何文件夹里，在根目录下创建config-overrides.js文件，并将代码复制粘贴上去
使用 babel-plugin-import
yarn add babel-plugin-import
在把之前config-overrides.js里的东西删掉
把这堆绿的粘上去
这样就不需要引入样式antd.css了
本文指导如何在React应用中通过yarn安装antd依赖并实现按需引入，包括使用custom-cra重写配置、babel-plugin-import简化样式导入。适合前端开发者快速掌握antd的高效使用方式。
扫一扫
657
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
