Variabile non dichiarata con LESS @import. Che cosa sta causando questo? C'è una soluzione?

Question

Ho 2 file LESS. Globals.less e Site.less. Globals.less contiene tutte le mie variabili globali (vai figura) e un'importazione in una definizione di ripristino CSS. Site.less contiene gli stili in uso.

Globals.less:

//Imports 
@import "CSSReset.less"; 

//Colors 
@color-background: rgb(0, 0 , 0); 

Site.less:

@import "Globals.less"; 

body { 
    background: @color-background url('/Images/BackgroundTextureBody.png'); 
} 

Il problema è questo: In Visual Studio @ colore di sfondo in Site.less è sottolineato e l'errore è "non dichiarato variabile ", ma il LESS si compila semplicemente in CSS e il colore dello sfondo è correttamente impostato su # 000. È più di un fastidio che altro, ma perdo Intellisense e ricevo avvertimenti nella mia lista degli errori. Vorrei che l'editor agisse come previsto ed essere in grado di "vedere" le mie dichiarazioni su Globals.less quando sto modificando Site.less. Sto facendo qualcosa di sbagliato, questo è un bug, o il mio ambiente non è configurato correttamente?

Answer 1

Si scopre che stavo usando una versione precedente di Web Essentials 2012. La prima cosa che avrei dovuto controllare e non fare era garantire che il mio ambiente fosse aggiornato. L'aggiornamento di Web Essentials alla versione più recente ha risolto il problema.

Answer 2

Sembra che Visual Studio (o è meno interprete) non capisce la portata della variabile all'interno delle importati Globals.less

variabili Importazione è una cosa normale e comune a farlo io suggerirei che è un bug o una funzionalità mancante nella configurazione di Visual Studio.

Answer 3

Per ottenere intelligenza per un particolare file in meno è possibile aggiungere un percorso di riferimento nello stesso modo in cui si desidera ottenere l'intellisenza in un file js.

Esempio

/// <reference path="Globals.less" /> 

@import "Globals.less"; 

body { 
    background: @color-background url('/Images/BackgroundTextureBody.png'); 
}