使用Grunt将变量传递给SASS

Question

我希望能够根据Grunt参数“@import”使用SASS的文件。

我想要咕噜声：

grunt someTask --skinName=yellow

在app.scss里面我想以某种方式使用这个参数：

@import "$skinName";

某些背景......

这个skinName.scss包含许多带有颜色代码的SASS变量，因此我可以轻松地在整个应用程序中更改颜色。我应该在我所有的SASS @imports之前加入。

Answer 1

您可以使用grunt在构建过程中编写的另一个scss文件来解决此问题：

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

然后只需导入skin.scss中的app.scss。