visual-studio - Web Essentials 包括来自另一个 CSS 文件的新 LESS 样式中的现有样式

Question

我正在使用 VS2012 的 Web Essentials 3.0 版，我在尝试根据应用于单独 CSS 文件(在同一目录中)中的另一个现有样式的样式创建新样式时遇到问题。

在 LESS 文件的顶部我正在做一个:

@import "bootstrap.css";

假设我对 mixin 的理解是正确的，每个 CSS 样式实际上都是一个 mixin，并且根据 LESS 指南，一种样式的所有样式都可以像这样直接应用于另一种样式:

.input-validation-error {
    .has-error;
}

然而，web essentials red-squiggly-underlines my .has-error;样式，不会将 LESS 文件编译成 CSS。当我将鼠标悬停在错误状态上时:

Undeclared mixin

Answer 1

Web Essentials 似乎无法从 CSS 文件编译 mixins 等，只能编译 LESS 文件。我发现我必须包含原始的 bootstrap.less 文件，如下所示:

@import "../../Bootstrap/less/bootstrap.less";

显然您的路径可能会有所不同!