import - Web Essentials 2012 减少导入

Question

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

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

变量.less：

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

style1.less：

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

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

变量.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 中得到修复。不过还没有日期。