vite 配置修改 antd 主题色

  样式变量参考Antd官网

1. vite.config.ts

export default defineConfig({
  css: {
    preprocessorOptions: {
      less: {
        modifyVars: {
          // 此处也可设置直角、边框色、字体大小等
          'primary-color': '#645AFF'
        },
        javascriptEnabled: true
      }
    }
  }
})

2. main.ts

将’ant-design-vue/dist/antd.css’ 改为 'ant-design-vue/dist/antd.less'

// 引入样式
import 'ant-design-vue/dist/antd.less'

 所用依赖版本

"ant-design-vue": "^2.2.2",
"less": "^4.1.1",
"less-loader": "^10.0.1"