Visual Studio警告：.less文件中未声明的混合

Question

我正在使用VS2017。我购买了一个CSS模板，其结构如下（我认为这很典型）：

所有mixin都在名为mixins.less的文件中声明

mixins.less

.transition-delay(@delay: 0) {
  -moz-transition-delay: @delay;
  -webkit-transition-delay: @delay;
  -o-transition-delay: @delay;
  transition-delay: @delay;
}
// more mixins

然后我有几个使用这些mixins的样式文件（例如header.less和product.less）

header.less

h2 {
  .transition-delay(1s);
}
// more css

product.less

div.someClass {
  .transition-delay(1s);
}
// more css

最后，我有了style.less，一切都融合在一起了：

style.less

@import "mixins.less";
@import "header.less";
@import "product.less";

当我编译style.less时，所有内容都被编译到style.css中，并且style.css被添加到我的Web项目中。

这很好用，唯一的问题是在编译项目时，Visual Studio会给出很多警告：

  

未声明的混入

这是因为我在header.less中使用.transition-delay。 VS警告是有效的，因为我没有在header.less中声明mixin ...但是我不需要编译header.less，我唯一需要编译的文件就是style.less。

反正有什么要告诉VS忽略header.less和product.less而不给我任何混合警告吗？

Answer 1

如果您使用的是Web Compiler，则可以右键单击.less文件并将其从编译中删除：