从SASS转换的CSS不工作

我试图在我的项目中使用SASS。我写了一个SCS，然后把它转换成CSS

我创建的SCS是

$primaryColor: #D92231;

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

p {
  background-color: $primaryColor;
}

ui-btn {
    background-color: $primary-color;
}

通过命令将该SCS转换为CSS

sass-convert style.css style.scss

最后我生成了CSS。生成的CSS是

$primaryColor: #D92231

body
  background: $primaryColor

p
  color: $primaryColor

ui-btn
  background-color: $primary-color

---

我将此链接到我的html页面，但没有效果。我哪里出错了？

生成的CSS实际上不是CSS，因为

sass convert

实际上没有将sass转换为CSS

它根据您的需要将CSS转换为SASS或SCSS

要将SCS转换为SAS，您需要运行以下脚本。您需要安装SASS

sass input.scss output.css

或者，您可以运行一个脚本，让Ruby监视SCSS文件，并在每次保存时进行更新

像这样：

sass --watch input.scss:output.css

---

请阅读此处的详细信息：

在sassmiter.com上尝试您的Sass，您将看到未定义原色变量。我相信你的代码永远不会被编译，因为这个错误。请参阅：

尝试使用上述命令。它生成了css，但结果相同。无效果。背景：$primaryColor；应该呈现到背景：#D92231一旦解析了，这意味着如果您在完成后没有得到这些结果，那么中间就出了问题。哇，这就好像你根本没有读过这篇文章。否决我答案的人能分享他/她的动机吗？的确，

$primary color

在OP的例子中没有定义，但是你的答案没有回答为什么

sass convert

不将SCS编译成CSS的问题，这在斯图尔特赛德的回答中得到了恰当的解释。