vue-cli2中less全局引用

339 阅读1分钟

项目框架:vue-cli2 + antd-vue

antd-vue自定义主题

新建myTheme.less文件,在main.js中引用

image.png

myTheme.less 中引用antd.less 同时设置自己想要的主题色直接覆盖即可

image.png

上诉并不可用于全局,每次使用时则需要在style中@import引用

设置全局样式

build/utils.js 对less添加个判断条件,同时使用sass-resources-loader插件,resources中引入自己的主题less即可成为全局变量

image.png