小编Unl*_*ess的帖子

在我的Web项目中,出于维护原因,我将CSS拆分为单独的LESS文件.我有一个名为config.less的文件作为主文件,使用@import指令导入其他较少的文件.

这个设置的问题似乎是我在编辑我的LESS文件时得到了很多"Undeclared variable"和"Undeclared mixin",例如在base.less中添加一个名为@textColor的属性变量,在另一个中声明了文件名为variables.less.有没有办法让Web要点知道变量和mixin是在外部较少的文件中定义的？

另一件似乎是绊倒Web Essentials的事情是当我使用LESS的嵌套媒体查询功能时:

.some-selector {
    background: #000;
    @media only screen and (max-width: 800px) {
        background: #fff;
    }
}

嵌套的@media声明获得一个红色下划线,并且在悬停时它会在样式规则中显示"Unexpected'@'block".将嵌套的背景属性悬停显示"验证:'颜色'不是有效的HTML标记.