react vite ant-design vite-plugin-style-import报错现象

版本：ant-design5

问题现象

本来项目构建得好好的，结果。。。。

配置Antd样式的自动按需引入

在vite.config.ts配置了vite-plugin-style-importy以后，项目启动不了了？

写法一：

import { createStyleImportPlugin, VantResolve } from 'vite-plugin-style-import';

export default defineConfig({
  plugins: [
    react(),
    createStyleImportPlugin({
      resolves: [
        AntdResolve()
      ],
    })
  ],
  ......
})

写法二：

import styleImport,{AntdResolve} from 'vite-plugin-style-import'

export default defineConfig({
  plugins: [
    react(),
    styleImport({
      resolves: [
        AntdResolve()
      ],
    })
  ],
  ......
})

两种写法都不行！？

错误的解决方案：

1.检查vite-plugin-style-import版本是不是太旧了

2.检查是不是没装less

正确的解决方案：

直接冲进ant-design5的官方文档

傻眼了，配置文档呢？怎么只有组件文档？

点研发，进去就是开发/配置文档，因为我是vite开发，所以我点击vite即可

我用眼睛看了半天，没有一句讲要配置啥的。。。

真正答案在这里：

请点击v4到v5， 注意红色圈圈，v5是不需要配置样式自动引入的！！！

Ant Design of React - Ant Design

真相大白了，ant-design5.0不再需要任何的样式配置，它本身的样式就是按需引入

这对于从4.0开发上来的开发者（例如我）可能会按照以前的习惯来配置！

还好它在角落里还提了一嘴，要不光是配置就够闹心了！