问题描述：在项目中引入ante-design按钮，但是要修改颜色，一个一个组件修改太麻烦了
解决方法：
1.npm命令如下
添加链接描述npm install less less-loader --save-dev
npm i babel-plugin-component -D
npm install babel-plugin-import --save-dev
2.在 vue cli 3 中定制主题 #
项目根目录下新建文件vue.config.js
// vue.config.js
module.exports = {
css: {
loaderOptions: {
less: {
modifyVars: {
‘primary-color’: ‘#1DA57A’,
‘link-color’: ‘#1DA57A’,
‘border-radius-base’: ‘2px’,
},
javascriptEnabled: true
}
}
}
}
3.没有生效？
注意样式必须加载 less 格式，一个常见的问题就是引入了多份样式，less 的样式被 css 的样式覆盖了。
如果你在使用 babel-plugin-import 的 style 配置来引入样式，需要将配置值从 ‘css’ 改为 true，这样会引入 less 文件。
如果你是通过 ‘ant-design-vue/dist/antd.css’ 引入样式的，改为 ant-design-vue/dist/antd.less。
官网链接
