Question

我试图在我的项目中使用SASS。我写了一个SCSS，然后将其转换为CSS。

我创建的SCSS是

$primaryColor: #D92231;

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

p {
  background-color: $primaryColor;
}

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

通过命令将SCSS转换为CSS，

sass-convert style.css style.scss

最后我得到了CSS。生成的CSS是，

$primaryColor: #D92231

body
  background: $primaryColor

p
  color: $primaryColor

ui-btn
  background-color: $primary-color

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

Answer 1

生成的CSS实际上不是CSS，因为sass-convert实际上并没有将sass转换为css。

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

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

sass input.scss output.css

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

像这样：

sass --watch input.scss:output.css

在此处阅读更多内容：Documentation

Answer 2

在sassmeister.com上试试你的Sass，你会发现没有定义主色变量。我相信你的代码永远不会因为那个错误而被编译。请参阅：Sassmeister output in Github Gist

从SASS转换的CSS不起作用

2 个答案: