使用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.请参阅下面的打印屏幕

这个我的scss导入导致错误这是没有重要的

Answer 1

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

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

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