1.在vue.config.js里修改配置

module.exports = {
  css: {
    loaderOptions: {
      less: {
        lessOptions: {
          modifyVars: {
            'primary-color': '#3d62ff',// 修改全局主题色
          },
          javascriptEnabled: true,
        },
      },
    },
    extract: true, // 解决开发模式，打包时未提取CSS的问题
  }
}

2.把main.ts中的import ‘ant-design-vue/dist/antd.css’;
修改为 import ‘ant-design-vue/dist/antd.less’;
修改css为less的时候，会报错 .bezierEasingMixin()
解决方法是：先卸载less-loader

npm uninstall -D less-loader

再安装less-loader@6.0.0

npm install -D less-loader@6.0.0

然后重新运行项目即可