visual-studio-2012 - 带有 LESS @import 的未声明变量。这是什么原因造成的？有解决办法吗？

Question

我有 2 个 LESS 文件。 Globals.less 和 Site.less。 Globals.less 包含我所有的全局(去图)变量和一个 CSS 重置定义的导入。 Site.less 包含正在使用的样式。

Globals.less:

//Imports
@import "CSSReset.less";

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

无站点:

@import "Globals.less";

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

问题是这样的:在 Visual Studio 中，Site.less 中的 @color-background 带有下划线，错误是“未声明的变量”，但 LESS 可以很好地编译为 CSS，并且背景颜色正确设置为 #000。这比任何事情都更令人烦恼，但我失去了智能感知，并且在我的错误列表中收到了警告。我希望编辑器按预期行事，并且在我编辑 Site.less 时能够“看到”我在 Globals.less 中的声明。我做错了什么，这是一个错误，还是我的环境设置不正确？

Answer 1

要获取特定 less 文件的智能感知，您可以像在 js 文件中获取智能感知一样添加引用路径。

示例

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

@import "Globals.less";

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