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版本中修复.但是还没有约会.