visual-studio-2013 - 使用 Visual Studio 在 scss 中导入导致语法错误

Question

我将使用 scss 购买的模板导入到我的 Visual Studio 2013 中。然后我安装了最新的 Web Essentials 以使用此功能，但我正在为它而苦苦挣扎。
这是我的结构示例

main.scss /* imports several child scss  */
@import 'helpers/sub1';   
@import 'helpers/sub2';   
@import 'helpers/sub3';  

我的问题出现在子 scss 中，它指的是另一个 scss。请参阅下方的打印屏幕

Answer 1

我在用Web Essentials编译SASS的时候一直发现这样的问题。在我看来，Web Essentials 中的 SASS 编译一直有点不稳定。事实上，他们已经决定从 Web Essentials 2015 中删除编译(参见 changelog 中的 2015.0.2)

最后，我放弃了 Web Essentials，转而使用 Grunt 进行编译，并使用 Visual Studio 中的 Task Runner Explorer 来管理 Grunt 任务的运行。我发现这是一种更好的编译方式。

如果您想详细了解如何使用 Grunt 和 Task Runner Explorer 实现这一点，我写了一篇 post关于它