vue3中怎么使用less导出变量

Question

 // variable.less
:export {
name: 40px;
}

import variable from "variable.less";
// 打印空对象{}

Answer 1

如果你是想在JS代码中获取到CSS变量的值，可以使用

getComputedStyle(bindElement).getPropertyValue(cssVarName)

Answer 2

既然都已经用上 vue3 了（不支持 IE），推荐使用 CSS 自定义属性（变量），不要再用 less 了

:root{
    --len: 40;
}