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

Question

我用的是VS 2017，买了一个CSS模板，结构如下（我觉得比较典型）：

所有 mixins 都在一个名为 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

然后我有几个使用这些 mixin 的样式文件（例如 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给出了很多警告：

Undeclared mixin

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

有没有办法告诉 VS 忽略 header.less 和 product.less 并且不给我任何混合警告？

Answer 1

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

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

Visual Studio warning: Undeclared mixin in .less file

css

less

visual-studio

visual-studio-2017