Importazione che causa errore di sintassi in scss utilizzando Visual Studio

Question

Ho importato nel mio Visual Studio 2013 un modello che ho acquistato utilizzando scss. Ho quindi installato gli ultimi Web Essentials per utilizzare questa funzione, ma mi trovo in difficoltà.

Ecco un esempio di mia struttura

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

I miei problemi arriva quando in un bambino SCSS si riferisce ad un altro SCSS. Vedi schermata di stampa al di sotto della

Answer 1

ho trovato problemi come questo tutto il tempo, quando si utilizza Essentials web per compilare SASS. A mio parere, la compilazione SASS è sempre stata un po 'instabile in Web Essentials. In realtà essi hanno preso la decisione di rimuovere la compilazione da Essentials Web 2015 (vedi 2015.0.2 in changelog)

Alla fine ho mollato Essentials web a favore di compilazione con Grunt e utilizzando Task Runner Explorer in Visual Studio per gestire l'esecuzione del mio compito di Grunt. Ho trovato questo un modo molto migliore di compilare.

Se si vuole guardare in dettaglio come implementare questo con Grunt e Task Runner Explorer, ho scritto un post su di esso