Passare la variabile a SASS con Grunt

Question

Desidero essere in grado di "@importare" un file con SASS in base a un parametro Grunt.

Con grugnito Voglio:

grunt someTask --skinName=yellow 

All'interno app.scss voglio usare in qualche modo questo parametro:

@import "$skinName"; 

Alcuni contesto ...

Questo skinName.scss contiene un sacco di variabili SASS con codici colore in modo che io possa facilmente cambiare i colori in tutta l'app. Dovrei essere incluso prima di tutti i miei SASS @import.

Answer 1

Si potrebbe risolvere questo con un altro file SCSS che è stato scritto dal grugnito durante il processo di compilazione:

grunt.registerTask('skin', function() { 
    grunt.file.write('skin.scss', '@import "' + grunt.option('skinName') + '";'); 
}); 

Poi basta importare il skin.scss nel vostro app.scss.