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

Question

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

在 LESS 文件的顶部，我正在执行以下操作：

@import "bootstrap.css";

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

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

但是，网络要领红色波浪线强调了我的 .has-error；样式并且不会将 LESS 文件编译成 CSS。当我将鼠标悬停在错误上时，状态为：

Undeclared mixin

Answer 1

Web Essentials 似乎不会从 CSS 文件中编译 mixins 等，只有 LESS 文件。我发现我必须包含原始 bootstrap.less 文件，如下所示：

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

显然你的路径可能不同！