ant-design-vue设置全局less变量

好不容易把less导入成功了,但是内置的色彩变量还是用不了,官网的这个试了报错,看了下模块结构,发现文件名都不一样难怪会报错

 

 

 只需要用这个引入即可

@import '~ant-design-vue/lib/style/index.less';

 

内置的变量可以使用了之后就需要设置全局可用的了,参见下面链接

https://www.cnblogs.com/hss-blog/p/13334743.html

这个方法不能直接用,不然path一直报错,然后改了地址下就成功了

pluginOptions: {
          'style-resources-loader': {
            preProcessor: 'less',
            patterns: [
                // path.resolve(__dirname, "src/styles/index.less")
                "src/styles/index.less"
            ]
          }
    }

 

经过上面的操作,已经可以在vue文件中使用antdesignvue内置的样式变量了

posted @ 2021-08-04 10:50  铽楉QAQ  阅读(2072)  评论(0)    收藏  举报