LESS @importで宣言されていない変数。これを引き起こしているのは何ですか？修正はありますか？

Question

私には2つの不足ファイルがあります。 Globals.lessとSite.less。 Globals.lessには、グローバル変数（go figure）のすべての変数と、CSSリセット定義へのインポートが含まれています。 Site.lessには使用中のスタイルが含まれています。

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'); 
} 

問題はこれです：Site.lessでのVisual Studioの@色、背景には、下線とエラー「が宣言されていないです変数 "になりますが、LESSはCSSにコンパイルされ、背景色は＃000に正しく設定されます。それは何よりも迷惑ですが、私はIntellisenseを失い、エラーリストに警告が表示されます。私は、編集者が期待どおりに行動し、Globalsで私の宣言を見ることができるようにしたいと思います。私がSite.lessを編集しているときは。私は何か間違っている、これはバグですか、または私の環境が正しく設定されていませんか？

Answer 1

Web Essentials 2012の古いバージョンを使用していたことが判明しました。確認してはいけない最初のことは、自分の環境が最新であることを確認することでした。 Web Essentialsを最新バージョンに更新すると、問題が修正されました。

Answer 2

ので、私はそれがだとお勧めしたいのVisual Studio（またはそれはLESSインタプリタだが）、通常と共通点が何をしている輸入Globals.less

インポート変数内の変数のスコープを理解していないように見えますバグ、またはVisual Studioセットアップの機能が不足しています。

Answer 3

特定の少ないファイルに対してintellisenseを取得するには、jsファイルでintellisenseを取得するのと同じ方法で参照パスを追加できます。

例

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

@import "Globals.less"; 

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