Possible to console log a LESS variable during compile?

Question

I'm doing some debugging of a very complex parent / child theme system with Bootstrap and LESS CSS. I won't get into the details of that issue, except to say that I'm declaring custom colors and other variables in variables.less but the compiled CSS is not using these variables, however, I've verified that the file is actually being compiled and successfully included.

So, what I really need is to be able to somehow console.log the LESS variables (specifically at compile runtime), but despite the fact that LESS claims to support javascript inside of LESS files, that wasn't working. Can anyone shed light on this / have experience with it?

Answer 1

but despite the fact that LESS claims to support javascript inside of LESS files, that wasn't working.

It is:

@var: value;

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