Değişken SASS ile Gruba girme

Question

Bir Grunt parametresine bağlı olarak bir dosyayı SASS ile "@import" edebilmek istiyorum.

Bu skinName.scss içeriyor ...

@import "$skinName"; 

Bazı bağlam: ben bir şekilde bu parametreyi kullanmak istediğiniz app.scss İçinde

grunt someTask --skinName=yellow 

: homurtu ile

İstiyorum Renk kodları ile SASS değişkenlerinin birçoğu, bu sayede tüm renkleri kolayca değiştirebiliyorum. Tüm SASS @import'larından önce dahil olmalıyım.

Answer 1

Sen oluşturma işlemi sırasında hırıltı tarafından yazılır başka SCSS dosyası ile bu çözebilir:

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

Sonra sadece app.scss içinde skin.scss içe.