逃离{和SASS中的％

Question

我正在构建一个将上传到HubSpot CMS的样式表，我希望使用SASS在本地开发CSS文件以加快编码速度。我遇到了困难，因为输出文件需要包含CMS指定的一些专有模板标签。

特别是，我需要生成的CSS文件包含这样一行：

{% include "hubspot/styles/responsive/required_base.css" %}

我已经尝试了所有我能想到的输出{和%字符的内容，但无论我做什么，SASS都会给我错误，因为这些是SASS中的特殊字符。

有没有办法逃避一行代码或单个字符，以便SASS不会尝试处理它们？

Answer 1

它无论如何都不漂亮，但我得到了它的工作。你的两边都有空洞的评论。

$inc: '*/{% include "hubspot/styles/responsive/required_base.css" %}/*';
/*#{$inc}*/

输出：

/**/{% include "hubspot/styles/responsive/required_base.css" %}/**/

以下是演示：http://sassmeister.com/gist/19651edf94cf1158037f

如果您要做很​​多事情，那么它就是混合形式：

@mixin raw ($string) {
  $string: '*/#{$string}/*';
  /*#{$string}*/
}

@include raw('{% include "hubspot/styles/responsive/required_base.css" %}');

还有一个小型演示：http://sassmeister.com/gist/50caee499ff4fe8f63c7

如果你正在使用某种构建工具，最好将它添加到CSS本身。像https://github.com/godaddy/gulp-header

这样的东西