sass - 用Grunt将变量传递给SASS

Question

我希望能够通过Grunt参数使用SASS“@import”文件。

带着 Grunt ，我想:

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即可。