Übergabe der Variablen an SASS mit Grunt

Question

Ich möchte in der Lage sein, eine Datei mit SASS abhängig von einem Grunt-Parameter zu "importieren".

Mit Grunzen möchte ich:

grunt someTask --skinName=yellow 

Innen app.scss Ich möchte diesen Parameter irgendwie verwenden:

@import "$skinName"; 

Einige Kontext ...

Diese skinName.scss enthält viele SASS-Variablen mit Farbcodes, so dass ich die Farben in der ganzen App leicht ändern kann. Ich sollte vor allen meinen SASS @imports aufgenommen werden.

Answer 1

Man könnte dies mit einer anderen SCSS Datei lösen, die durch Grunzen während des Build-Prozesses geschrieben:

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

Dann importieren Sie einfach die skin.scss in Ihrem app.scss.