css - 可以在编译期间控制台记录 LESS 变量吗？

Question

我正在使用 Bootstrap 和 LESS CSS 对一个非常复杂的父/子主题系统进行一些调试。我不会深入讨论这个问题的细节，只是说我在其中声明了自定义颜色和其他变量，variables.less但编译后的 CSS 没有使用这些变量，但是，我已经验证了该文件实际上正在编译并且成功收录。

所以，我真正需要的是能够以某种方式console.log使用 LESS 变量（特别是在编译运行时），但尽管 LESS 声称支持 LESS 文件中的 javascript，但这并不起作用。任何人都可以阐明这一点/有经验吗？

score 5 · Accepted Answer

但尽管 LESS 声称在 LESS 文件中支持 javascript，但这并没有奏效。

这是：

@var: value;

.test {
    width: ~`console.log("@{var}"), "@{var}"`;
}

score 3 · Accepted Answer

尝试将 JavaScript 包装在立即调用的函数表达式中。只要您返回 Less 期望的值，该函数中发生的任何其他事情似乎都是公平的游戏：

@myColor: red;

.test {
  color: `(function(){console.log("@{myColor}"); return "@{myColor}";}())`
}

2 回答 2