如何通过返回变量名的Sass函数动态获取对应Sass变量的值

解决方法 #

你需要使用Sass内置的meta模块提供的variable()方法实现从变量名字符串到变量值的转换，具体实现如下：

1. 首先在你的Sass文件顶部引入meta模块：

@use "sass:meta";

2. 调整你调用变量的代码写法，不需要使用双重插值，直接将函数返回的变量名字符串传入meta.variable()即可：

span {
  color: meta.variable(get_var_name('param1', 'param2'));
}

原写法错误原因 #

你之前使用的双重插值语法只会将函数返回的字符串原样输出到CSS中，Sass编译阶段不会主动将这个字符串识别为变量名去读取对应值，所以最终输出的是变量名字面量而非变量值。

内容的提问来源于stack exchange，提问作者axel