react项目引入antd框架，以及遇到的一些坑

2022-05-11 17:32| 来源: 网络整理| 查看: 265

1，用create-react-app创建项目

create-react-app demo //demo为项目名称

2.在项目中安装antd

npm install -D antd

3.安装 babel-plugin-import

npm install babel-plugin-import --save

4.修改package.json文件，在根目录下

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

在这里插入图片描述 5.在 "src/App.js"文件下使用antd 这时候样式是乱的需要在App.css（即使用antd的这个文件的css文件）中引入antd.css文件

@import '~antd/dist/antd.css';

在这里插入图片描述这样就一切正常啦

【本文地址】

公司简介

联系我们