逃逸{%]

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