使用 Visual Studio 在 scss 中导入导致语法错误

【问题标题】：Import causing syntax error in scss using Visual Studio使用 Visual Studio 在 scss 中导入导致语法错误
【发布时间】：2014-11-14 15:22:46
【问题描述】：

我将使用 scss 购买的模板导入了我的 Visual Studio 2013。然后我安装了最新的 Web Essentials 以使用此功能，但我正在努力使用它。

这是我的结构示例

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

我的问题是在子 scss 中引用另一个 scss 时。请参阅下面的打印屏幕

【问题讨论】：

【解决方案1】：

我在使用 Web Essentials 编译 SASS 时一直发现这样的问题。在我看来，SASS 编译在 Web Essentials 中总是有点不稳定。事实上，他们已决定从 Web Essentials 2015 中删除编译（请参阅 2015.0.2 in changelog）

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

如果你想详细了解如何使用 Grunt 和 Task Runner Explorer 来实现这一点，我写了一个 post 来介绍它

【讨论】：