Możliwa konsoleta logować zmienną LESS podczas kompilacji?

Question

Robię trochę debugowania bardzo złożonego systemu motywu nadrzędnego/potomnego za pomocą Bootstrap i LESS CSS. Nie będę wchodził w szczegóły tego problemu, z wyjątkiem tego, że deklaruję niestandardowe kolory i inne zmienne w variables.less, ale skompilowany CSS nie używa tych zmiennych, jednak jednak, sprawdziłem, że plik jest rzeczywiście kompilowane i z powodzeniem włączone.

Tak naprawdę potrzebuję być w stanie w jakiś sposób console.log zmiennych LESS (szczególnie w czasie kompilacji), ale pomimo faktu, że LESS twierdzi, że obsługuje javascript wewnątrz plików LESS, to nie działa. Czy ktoś może rzucić na to światło/mieć z tym doświadczenie?

Answer 1

Spróbuj zawinąć JavaScript w natychmiast wywoływanym wyrażeniu funkcji. Tak długo, jak zwrócić wartość, że mniej oczekuje niczego innego, co dzieje się w tej funkcji wydaje uczciwą grę:

@myColor: red; 

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

Answer 2

ale pomimo faktu, że mniej twierdzi, że obsługuje JavaScript wewnątrz mniejszej plików, które nie było pracujący.

Jest:

@var: value; 

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