vue 全局更改antd主题色 less 一直报错

首先在vue.config.js中全局修改配置主题色值：

 css: {
    loaderOptions: {
        less: {
            javascriptEnabled: true,
            modifyVars: {
              'primary-color': '#2C78EB',
              'link-color': '#2C78EB',
            },
        }
    }
  },

重启服务一直报错。
解决办法：
因为less版本过高，我本地装的是less4 把它将为less3.0.0.0即可。

 "less": "3.0.0",
 "less-loader": "5.0.0",

补充：
如果modifyVars的太多，可以把这里抽出去。modifyVars那里直接调用此方法即可。

modifyVars: modifyVars(),

modifyVars方法：

function modifyVars(color) { return {
“primary-color”: “#2C78EB”,
“primary-1”:“#2C78EB”,
“primary-2”:“#2C78EB”,
“primary-3”: “#2C78EB”,
“primary-4”: “#2C78EB”,
}; }