使用LiveReload for OSX编译Sass时获得不同的结果

Question

我不确定是什么时候发生的。我是Sass的新手，所以我正在关注这个begginers指南：https://scotch.io/tutorials/getting-started-with-sass

为了练习（并希望将其用作我的开发工具），我将LiveReload设置为编译.scss文件。但是在测试变量范围时，我得到了意想不到的结果。

在style.scss中，我有以下代码：

$primaryColor: #eeccff;

body {
  $primaryColor: #ccc;
  background: $primaryColor;
}

p {
  color: $primaryColor;
}

// When compiled, our paragraph selector's color is #eeccff

所以p应该变色：#eeccff。但这就是我得到的：

body {
  background: #cccccc; }

p {
  color: #cccccc; }

我在sassmeister.com中测试了相同的代码，它按预期工作，就像教程说的那样：

body {
  background: #ccc;
}

p {
  color: #eeccff;
}

同样，我正在使用LiveReload for Mac。这些是编译选项：

有没有人知道为什么会这样？

谢谢！

编辑：

我发现这个问题，某人在不同的情况下遇到了类似的问题：Web Essential for Visual Studio Sass compile wrong

显然它与您使用的Sass版本有关。但是如何更改LiveReload呢？你怎么改变它？

Answer 1

好吧，我刚从Sass编译器改了。我不得不停止使用LiveReload并使用Koala进行编译以获得预期的结果。无法改变LiveReload Sass的宝石。