使用Grunt将变量传递给SASS

Question

10

我希望能够根据Grunt参数使用SASS"@import"导入文件。

使用grunt，我想要：

grunt someTask --skinName=yellow

我希望在app.scss文件中以某种方式使用这个参数：

@import "$skinName";

这个 skinName.scss 文件包含了很多带有颜色代码的 SASS 变量，这样我就可以轻松地更改应用程序中的颜色。在所有 SASS @import 之前应该把它包含进去。

- Temega

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- jgillich · Accepted Answer

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

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

然后只需在您的app.scss中导入skin.scss即可。