vite+vue3项目antdv主题定制

1、main.ts 引入的antd.css文件替换为antd.less（如果项目用的是less）

import 'ant-design-vue/dist/antd.less'

2、修改antdv样式变量的值。进入vite.config.ts，在modifyVars里进行配置。点击可查看所有样式变量

export default defineConfig(({mode}) => {
	const env = loadEnv(mode, './env')
	return {
		...
		css: {
		preprocessorOptions: {
			less: {
				javascriptEnabled: true,
				charset: false,
				modifyVars: {
					"@primary-color": "#007f99",
					"@table-hover-bg": "#ebf5f7"
					...
				}
			}
		}
	}
})