LESS @import的未声明变量.是什么造成的？有修复吗？

Question

我有2个LESS文件.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');
}

问题是:在Visual Studio中,Site.less中的color-background加下划线,错误是"Undeclared variable",但是LESS编译为CSS就好了,背景颜色正确设置为#000.这比任何事情都更令人烦恼,但我失去了Intellisense,我在错误列表中收到警告.我希望编辑按预期行事,并且能够在编辑Site.less时"看到"我在Globals.less中的声明.我做错了什么,这是一个错误,还是我的环境设置不正确？

Answer 1

要获得特定较少文件的智能感知,您可以添加参考路径,就像在js文件中获取智能感知一样.

例

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

@import "Globals.less";

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

Answer 2

事实证明，我使用的是旧版本的 Web Essentials 2012。我应该检查但没有做的第一件事是确保我的环境是最新的。将 Web Essentials 更新到最新版本解决了该问题。