vue-cli2里定制antd-design-vue主题.md.md

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重启项目