css - 如何将 SASS 转换为 CSS？

Question

正如标题所暗示的，我正在寻找一个在线工具来将几行 SASS 转换为纯 CSS。我已经用谷歌搜索过了，但我能找到的每个链接都在谈论 CSS 到 SASS 转换器。

另外，这是我想转换成 CSS 的几行：

=text-shadow($color)
  $str: null
  @for $i from 1 through 32
    $str: #{$i}px #{$i}px 0px #{$color}, $str
  text-shadow: $str

score 3 · Accepted Answer

你的问题的正确答案是：

  /* empty */

您的 SASS 代码的 CSS 等效项是一个空字符串。

解释

与=您一起定义一个mixin。mixin 本身不定义任何 CSS 规则。但它可以在规则中用作快捷方式。就像任何编程语言中的函数一样。CSS不支持函数，所以没有办法用CSS来表达这段SASS代码。

score 2 · Accepted Answer

根据维基百科：

Sass 是一种层叠样式表 (CSS) 元语言。它是一种解释为 CSS 的脚本语言。SassScript 本身就是脚本语言。

正如大多数评论所说，SASS 被编译成 CSS，所以这就是你必须做的。

此外，正如尼克汤姆林所说， codepen非常适合这样的前端代码，并且完全支持 SASS。

您可以在此处找到 SASS 源代码，它应该对这个过程有所了解。

2 回答 2