使用Grunt将变量传递给SASS

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

对于grunt，我想：

grunt someTask --skinName=yellow

在app.scss中，我想以某种方式使用此参数：

@import "$skinName";

一些上下文

---

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

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

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

然后只需在

app.scss

中导入

skin.scss