Ant-design-vue定制主题色(1)，前端开发3年计划

// https://vue-loader.vuejs.org/en/configurations/extract-css.html

return {

css: generateLoaders(),

postcss: generateLoaders(),

// less: generateLoaders(‘less’),

less: generateLoaders(‘less’, {

modifyVars: {

// 这三个地方都设置成你需要的主题色

‘primary-color’: ‘#d10100’,

‘link-color’: ‘#d10100’,

‘border-radius-base’: ‘2px’,

},

javascriptEnabled: true,

}),

sass: generateLoaders(‘sass’, { indentedSyntax: true }),

scss: generateLoaders(‘sass’),

stylus: generateLoaders(‘stylus’),

styl: generateLoaders(‘stylus’)

}

没有生效？

---

注意样式必须加载 less 格式，一个常见的问题就是引入了多份样式，less 的样式被 css 的样式覆盖了。

如果你在使用 babel-plugin-import 的 style 配置来引入样式，需要将配置值从 ‘css’ 改为 true，这样会引入 less 文件。

如果你是通过 ‘ant-design-vue/dist/antd.css’ 引入样式的，改为 ant-design-vue/dist/antd.less