2013-02-23 7 views
6

Ich mache ein Debuggen eines sehr komplexen Eltern/Kind-Themasystems mit Bootstrap und LESS CSS. Ich werde nicht in die Details dieses Problems, außer zu sagen, dass ich benutzerdefinierte Farben und andere Variablen in variables.less deklarieren, aber das kompilierte CSS verwendet diese Variablen nicht, jedoch, ich habe überprüft, dass die Datei tatsächlich ist kompiliert und erfolgreich aufgenommen werden.Möglich, Konsole eine LESS-Variable während der Kompilierung protokollieren?

Also, was ich wirklich brauche, ist irgendwie in der Lage zu sein, die LESS-Variablen (speziell zur Kompilierlaufzeit), aber trotz der Tatsache, dass weniger behauptet, Javascript innerhalb von LESS-Dateien zu unterstützen, das hat nicht funktioniert. Kann jemand Licht dazu bringen/Erfahrung damit haben?

Antwort

1

Versuchen Sie, JavaScript in einen sofort aufgerufenen Funktionsausdruck einzufügen. Solange Sie einen Wert zurück, dass weniger erwartet, alles andere, was in dieser Funktion geschieht scheint faires Spiel:

@myColor: red; 

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

, die auch für mich funktioniert: '' '@debug: ~' console.log ("[weniger] Wert von i = @ {i}") '; '' ' – EliSherer

3

aber trotz der Tatsache, dass weniger Ansprüche Javascript innerhalb von LESS-Dateien zu unterstützen, das war nicht Arbeiten.

Es ist:

@var: value; 

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

Generell ist es eine gute Idee zu erklären, warum Ihr Code die Frage beantwortet. – ApproachingDarknessFish

Verwandte Themen