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

Question

我想知道是否有一种方法允许在浏览器中更改sass vars并查看实时更改。 在less.js中，这种方法称为＆＃34; modifyVars＆＃34;。 sass.js中是否有类似的功能？

Answer 1

Less使用延迟加载和上次声明获胜变量，因此您可以使用＆＃34; modifyVars＆＃34;;

将变量的定义添加到后面。

使用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; }