1、安装less、less-loader
npm install less less-loader --save
2、在main.js里将引入的antd.css文件改成antd.less
import Antd from ‘ant-design-vue’
import “ant-design-vue/dist/antd.less”;
3、修改build/utils.js文件,重写主题变量 (此处参考官方文档)
// build/utils.js
- less: generateLoaders(‘less’),
- less: generateLoaders(‘less’, {
- modifyVars: {
-
'primary-color': '#ff0f40',
-
'link-color': '#1DA57A',
-
'border-radius-base': '4px',
- },
- javascriptEnabled: true,
- }),
4、在build/utils.js文件里增加:
if (loader) {
loaders.push({
loader: loader + ‘-loader’,
options: Object.assign({}, loaderOptions, {
sourceMap: options.sourceMap,
javascriptEnabled: true // 增加这一句
})
})
}
5、npm run dev重启项目