Medialize/sass.js 是否可以修改 sass 变量？

Question

我想知道是否有一种方法允许在浏览器中更改 sass 变量并查看实时更改。 在less.js 中有一个叫做“modifyVars”的方法。 sass.js 中是否有类似的功能？

Answer 1

Less 使用延迟加载和变量的最后声明获胜，因此您可以使用“modifyVars”将变量的定义覆盖；

使用 Sass，您只能覆盖使用 !default 定义的变量。您可以通过将它们的定义放在代码开头来覆盖这些变量。

Sass.writeFile('code.scss', '$var: red !default; p { color: $var; }');
Sass.compile('$var: green; @import "code.scss";', function(result) {
  console.log(result);
});

应该编译成：

p { 
color: green; }