当前位置: 首页 > 工具软件 > library-app > 使用案例 >

解决create-react-app 项目引入 antd 样式不生效的情况,亲测有效!

朱梓
2023-12-01
先安装 antdbabel-plugin-import
npm i/install antd --save
npm i/install babel-plugin-import --save-dev

因为antd默认引入样式是less,所以需要手动配置为CSS,配置方法如下:

  • 运行 npm run eject暴露webpack.config.dev和webpack.config.prod文件

  • 在package.json中配置以下代码
"babel": {
    "presets": [
      "react-app"
    ],
    "plugins": [
       ["import", {
         "libraryName": "antd",
         "libraryDirectory": "es",
         "style": "css"
       }]
     ]
  }
 类似资料: