逃离{和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" %}/**/

如果您要做很多事情,那么它是以mixin形式出现的:

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

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

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