Przesyłanie zmiennej do SASS z Gruntem

Question

Chcę móc "@importować" plik z SASS w zależności od parametru Grunt.

Z pomrukiem chcę:

grunt someTask --skinName=yellow 

Wewnątrz app.scss Chcę jakoś wykorzystać ten parametr:

@import "$skinName"; 

pewien kontekst ...

Ten skinName.scss zawiera wiele zmiennych SASS z kodami kolorów, dzięki czemu mogę łatwo zmieniać kolory w całej aplikacji. Powinienem zostać uwzględniony przed wszystkimi moimi SASS @imports.

Answer 1

Można rozwiązać ten problem z innego pliku SCSS że jest napisany przez grunt podczas procesu kompilacji:

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

Następnie wystarczy zaimportować skin.scss w app.scss.