Import verursacht Syntaxfehler in Scss mit Visual Studio

Question

Ich importierte in eine Visual Studio 2013 eine Vorlage, die ich mit scss gekauft. Ich habe dann die neuesten Web Essentials installiert, um diese Funktion zu verwenden, aber ich habe Probleme damit. Hier

ist eine Probe meiner Struktur

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

Meine Fragen kommt, wenn bei einem Kind SCSS es auf einen anderen SCSS bezieht. Siehe Druckbild unter den

Answer 1

ich Probleme, wie dies der ganzen Zeit gefunden, wenn Web-Grundlagen mit SASS zu kompilieren. Meiner Meinung nach war das SASS-Kompilieren in Web Essentials immer ein bisschen unzuverlässig. In der Tat haben sie die Entscheidung entfernen Erstellung von Web Essentials-2015 genommen

Am Ende (2015.0.2 in changelog sehen) ditched ich Web-Grundlagen zugunsten mit Grunt kompilieren und mit dem Task-Runner-Explorer in Visual Studio Verwalten Sie die Ausführung meiner Grunt-Aufgabe. Ich fand das eine viel bessere Art zu kompilieren.

Wenn Sie im Detail aussehen soll, wie dies mit Grunt und Task-Runner Explorer zu implementieren, ich post darüber