vue-cli antd 自定义主题

1、css改成less

// main.js页面
import 'ant-design-vue/dist/antd.less'

2、vue.config.js配置

// vue.config.js 页面
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  css: {
    loaderOptions: {
      less: {
        lessOptions: {
          modifyVars: {
            'primary-color': '#0048FF',
            'link-color': '#0048FF',
          },
          javascriptEnabled: true,
        },
      },
    },
  },
})

3、报错处理

在使用 antd 自定义主题时如果直接 npm 按照命令按照你会发现编译时会报各种错，错误的原因是因为less、less-loader版本不同导致的
试试卸载当前版本,下载如下版本

npm remove less
npm remove less-loader
npm add less@3.12.2
npm add less-loader@7.1.0