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

Question

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

以下是我的结构示例

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

我的问题出现在孩子scss时，它指的是另一个scss。请参阅

下面的打印屏幕

Answer 1

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

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

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