antd按需引入——vite-plugin-style-import -D

由于vite已经是按需引入antd组件，但没有按需引入样式所以需要vite-plugin-style-import插件

插件文档地址

安装插件

npm i less consola  vite-plugin-style-import -D

vite.config.ts

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import { createStyleImportPlugin, AntdResolve } from 'vite-plugin-style-import'
...

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    react(),
    createStyleImportPlugin({
      resolves: [AntdResolve()]
    })
  ],
  css: {
    preprocessorOptions: {
      less: {
        javascriptEnabled: true,
      },
    },
  },
 ...
})

安装后则不需要全局引入antd样式

// import 'antd/dist/antd.css';