1.修改main.js
import 'ant-design-vue/dist/antd.css';改成import 'ant-design-vue/dist/antd.less';
2.安装less-loader 模块 注意版本冲突
3.在vue.config.js 中添加css
module.exports = {
css: {
loaderOptions: {
less: {
lessOptions: {
// If you are using less-loader@5 please spread the lessOptions to options directly
modifyVars: {
'primary-color': '#ff0000',
'link-color': '#ff0000',
'border-radius-base': '2px',
},
javascriptEnabled: true,
},
},
},
},
}