Web Essentials 2012减少导入

时间:2013-01-05 01:59:11

标签: import visual-studio-2012 less web-essentials

有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标签启动文件以获取预览模式,但不能注释或导入指令。

1 个答案:

答案 0 :(得分:5)

这是Web Essentials中LESS编辑器中的错误。为了解决这个问题,请始终将@import指令放在文档的顶部。

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

此问题将在即将发布的Web Essentials版本中修复。但是还没有约会。