使用 Web Essentials 2013 将 Compass 集成到 Visual Studio 2013 更新 2答案

【问题标题】：Integrating Compass into Visual Studio 2013 update 2 with Web Essentials 2013使用 Web Essentials 2013 将 Compass 集成到 Visual Studio 2013 更新 2
【发布时间】：2014-08-10 16:38:12
【问题描述】：

我目前的设置方式是从https://github.com/Compass/compass下载 Compass

将它放在我所有 SCSS 文件所在的根目录中。效果很好，但我想知道他们是否可以像使用 Mindscape Workbench http://visualstudiogallery.msdn.microsoft.com/2b96d16a-c986-4501-8f97-8008f9db141a

那样集成 Compass

【问题讨论】：

标签： visual-studio-2013 sass compass-sass web-essentials

【解决方案1】：

我只使用 Compass 的 mixin，但在保存时依赖 Web Essentials 来编译 SCSS 文件。 这给了我更好的开发体验，因为 compass watch 需要几秒钟来编译样式表，而 Web Essentials 非常快。对于compass watch，我经常遇到这样的问题，即在 CSS 文件完全编译之前，我在浏览器中重新加载了我的页面，这有时让我感到困惑。

由于 Compass SCSS 文件实际上是我所依赖的库，因此我还将它们复制到我的源代码树中，以便将它们保存在 Git 存储库中。这也解决了 Web Essentials 无法解析 Compass 文件的问题。

这种方法对我来说效果很好，比 Mindscape Workbench 好得多。我必须说我不是 Mindscape Workbench 的忠实粉丝，尽管我对它的实验大约是一年前。但是YMMV。

【讨论】：

我对 Mindscape Web Workbench 最大的抱怨是它不能解析 compass 导入，从而在错误列表中留下Undeclared mixin 警告。当然，这些警告无关紧要，但这不是忽略它们的好理由。我在其他地方读到，使用 VS2013 的内置 scss 支持和指南针下载并没有让您访问指南针辅助功能。将近 1 年后，您的方法是否遇到任何问题？
一些 compass mixin（尤其是 CSS3）使用 SASS 扩展，如果没有安装，当新的 Web Compiler 扩展试图编译 SCSS 文件时会抛出错误。你找到解决办法了吗？