根据antd官网推荐的两种方式:
dist手动引入
找到项目中node_modules文件夹->antd文件->dist->antd.css
我们手动在需要引入antd的页面,加入下面这行代码,实现简易的css引入:
import "../../../node_modules/antd/dist/antd.css"
配置babel
- 安装babel-plugin-import
npm install babel-plugin-import --save-dev. - 在package.json文件中配置babel(+为官方推荐所需要添加的代码行)
"babel": {
"presets": [
"react-app"
],
+ "plugins": [
+ [
+ "import",
+ {
+ "libraryName": "antd",
+ "libraryDirectory": "es",
+ "style": "css"
+ }
+ ]
+ ]
}