Web Essentials 2012 减少导入

Question

有 2 个文件，我想将变量样式表导入第二个文件，但在第一种情况下，我在预览模式下得到 不正确的语法错误，在第二种情况下，我得到 未声明的变量 错误。无论如何，这两种情况都编译正确。

预览模式错误的第一种情况：

variables.less：

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

style1.less：

@import 'variables.less';
div
{
    color:@color-background;
} 

未声明变量错误的第二种情况：

variables.less：

html{color:red;}
@color-background: rgb(0, 0 , 0);

style1.less：

html{color:red;}
@import 'variables.less';
div
{
    color:@color-background;
} 

html{color:red} 只是修复预览模式。它可以是任何有效的 html。

问题是我只能使用 html 标签开始文件以获取预览模式，但不能注释或导入指令。

Answer 1

这是 Web Essentials 的 LESS 编辑器中的一个错误。要绕过它，请始终将 @import 指令放在文档的顶部。

触发问题是因为您在 @import 指令之前有：html{color:red;}。

这个问题将在即将发布的 Web Essentials 中得到解决。不过还没有日期。