防止SASS解析代码块但仍然将其输出到最终的css文件

Question

我刚刚开始使用SASS。给人留下深刻的印象，但有些事我想做，但似乎无法找到答案，不管它是否可能。

我有一块CSS，我不希望SASS解析/编译，但我仍然希望该块输出到最终编译的CSS文件。这可能吗？

感谢。

我的第一个问题，通常提供答案。希望我没有错过任何地方，尝试了我能想到的每一个搜索词。

Answer 1

将其放在单独的.css文件中，然后将其导入SASS文件中。以.css结尾的文件不会被解析，但仍包含在最终输出中。

Answer 2

尝试将您的块放在/ * ..... * /的scss文件中。希望它有所帮助。

Answer 3

这个问题有点陈旧，但本着保持最新的精神：

当前版本的SASS（3.4.22）在改变所需内容方面表现相当不错。如果您所写的内容是有效的CSS，则应按原样输出。

你应该看到SASS修改你的风格的唯一一次是你做了一些看起来应该被修改的东西。根据他们的文档，这将是：

• 嵌套样式
• 连接字符串
  • content: 'foo' + 'bar';
• 使用插值
  • left: calc(50% - #{$variable})
• 使用变量
  • width: $variable
• 使用@extend或嵌套@include

在大多数其他情况下，根据我的经验，SASS会愉快地吐出你所写的任何内容。

如果您确实需要输出SASS在不需要时解析的内容，您可以将引用的部分用引号括起来并使用unquote函数将其删除：

$family: unquote("Droid+Sans");
@import url("http://fonts.googleapis.com/css?family=#{$family}");

编译为

@import url("http://fonts.googleapis.com/css?family=Droid+Sans");