SASS 编译器自定义规则/例外

Question

我正在为一个拥有自己的 html/css 模板系统的软件编写 Sass/CSS。构建模板时，读取输出的 CSS 文件并将其中的任何变量转换为正确的值。变量看起来像

{theme="my_var_key"};

我希望能够在 Sass 中编写代码，但仍然可以在输出的 css 文件中使用软件的自定义变量。

是否可以在 sass 编译器中添加自定义规则/例外，使上述变量按原样编译？

Answer 1

您可以使用#{$variable}在SASS中输出实心字符串

$var: '{theme="my_var_key"}';
body{
  color: #{$var};
}

哪些输出：

body {
  color: {theme="my_var_key"};
}

这也可以用在类名或 ID 名中。例如：.#{$var} 输出 .{theme="my_var_key"}