vite3使用antd4x动态主题的代码

在vite3中使用antd4.x动态主题的代码可以如下：

1. 安装antd和less loader

npm install antd less less-loader --save

2. 在vite.config.js中配置less-loader

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [vue()],
  css: {
    preprocessorOptions: {
      less: {
        modifyVars: {
          // antd主题配置
          'primary-color': '#1DA57A',
          'link-color': '#1DA57A',
          'border-radius-base': '2px',
        },
        javascriptEnabled: true,
      },
    },
  },
})

3. 在main.js中引入antd的样式文件和组件

import { createApp } from 'vue'
import App from './App.vue'
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'

const app = createApp(App)
app.use(Antd)
app.mount('#app')

这样就可以在vite3中使用antd4.x的动态主题了。