LESS @import & Web Essentials 2012

Question

In meinem Webprojekt habe ich mein CSS aus Wartungsgründen in separate LESS-Dateien aufgeteilt. Ich habe eine Datei namens config.less als Master-Datei, die die anderen weniger Dateien importiert, mit @ Import-Anweisungen.

Das Problem mit diesem Setup scheint zu sein, dass ich eine Menge "Undeclared Variable" & "Undeclared Mixin" beim Bearbeiten meiner LESS-Dateien, zum Beispiel beim Hinzufügen einer Eigenschaftsvariablen namens @ TextColor in base.less, das ist in einer anderen weniger Datei mit dem Namen variables.less deklariert. Gibt es eine Möglichkeit, Web Wesentliches auf Variablen und Mixins aufmerksam zu machen, die in externen, weniger Dateien definiert sind?

andere Sache, die Web Essentials-Stolpern zu sein scheint, wenn ich die verschachtelte Abfrage Medien-Funktion von LESS bin mit:

.some-selector { 
    background: #000; 
    @media only screen and (max-width: 800px) { 
     background: #fff; 
    } 
} 

Die Erklärung verschachtelte @media erhält eine rot unterstrichen und auf schweben sie sagt, "Unerwarteter '@' Block in der Stilregel". Hovering die verschachtelte Hintergrund-Eigenschaft zeigt eine "Validierung: 'Farbe' ist kein gültiges HTML-Tag.

Answer 1

Ich kann keine Antwort auf das @media Problem mit Web Essentials geben, aber ich kann Ratschläge zu den Variablen und Mixins Problem geben.

Grundsätzlich Ihre config.less Datei ändern, um die variables.less und alle anderen mixin Dateien haben @import-once zu sein, fügen sie dann auch @import-once 'variables.less in jede Datei, die Variablen von ihm (das gleiche tun für alle mixin Dateien verwendet wird) verwendet.

Was das ist, importiert die Datei, wenn Sie daran arbeiten (wie Ihre base.less), aber wann Alle Dateien werden von config.less kompiliert, es wird nur einmal die variables.less importieren und nicht erneut für jede Datei, die auch die variables.less verweist.