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

Question

我想知道是否有一种方法允许在浏览器中更改 sass vars 并查看实时更改。在 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; }