php - SASS 编译器自定义规则/异常(exception)

Question

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

{theme="my_var_key"};

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

是否可以向 sass 编译器添加自定义规则/异常(exception)，以便按原样编译上述变量？

Answer 1

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

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

哪些输出:

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

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