在React项目中使用antd没有样式的解决办法

程序员文章站 2022-07-03 23:25:30

...

1、在最外层的文件新建一个scss文件
在文件中引用
@import '~antd/dist/antd.css';

2、在最外层的index.js文件中引入
import 'antd/dist/antd.css';

3、在package.json中的添加

"babel": {
    "presets": [
      "react-app"
    ],
    "plugins": [
      [
        "import",
        {
          "libraryName": "antd",
          "libraryDirectory": "lib",
          "style": true
        }
      ],
    ]
  },