前情提要： react+antd+vite

antd按需引入不生效

1、下载 npm i antd

2、在.scss文件顶部引入 @import 'antd/dist/antd.min.css';

如图：

首先，antd官网让引入：@import '~antd/dist/antd.css',这个全局引入（放在入口文件：main.tsx）是好使的，但是按需引入不好使，之后就各种百度

百度解决过程及各种方法：

1、改成@import '~antd/dist/antd.min.css',
原因：react-script 升级到 5.0.0 之后，所有通过 create-react-app 创建的项目，引入 antd.css 之后都会看到这个警告
我也试过，解决问题 '成功率99%',剩下的1%是对我当前无效
2、改成@import 'antd/dist/antd.css',配置vite.config.ts别名
这种引入直接找不到文件，毕竟是指名道姓的文件引入，真没这个文件
3、下载css-loader，说是因为loader去解析css的
试过，对我当前无效
4、配置config-overrides.js、webpack.config.js文件
试过，并不知道是不是部署这个配置生效的，对我当前无效
5、修改package.json中的启动指令
试过，项目都起不来了😄
6、下载react-app-rewired、babel-plugin-import
试过，只是下载，也不清楚怎么样，直接重启项目对我当前无效

以上几条，都是在解决过程中查到的解决办法，多试试，总有一个适合你

参考链接
https://blog.csdn.net/persis_in/article/details/124771492