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

Question

我不确定发生了什么。我是 Sass 的新手，所以我遵循了这个初学者指南：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;
}

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

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

谢谢！

编辑：

我发现这个问题是因为有人在不同的情况下遇到了非常相似的问题：Web Essential for Visual Studio Sass compile wrong

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

Answer 1

好吧，我刚从 Sass 编译器改过来。我不得不停止使用 LiveReload 并使用 Koala 进行编译以获得预期的结果。无法更改 LiveReload Sass gem.

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

getting different results when compiling Sass with LiveReload for OSX

css

macos

sass

livereload