import - 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 版本中得到解决。不过，还没有日期。