为什么Webpack SASS-loader在线性梯度规则内不转译SASS变量？

Question

我正在将SASS变量用于.scss文件中的颜色。在颜色中使用单个变量：规则成功转码： color: $var1; ...但是，Webpack（^ 4）+ sass-loader（^ 7）的转换抱怨此规则：

background: linear-gradient(to bottom, $var1 0%, $var2 100%);

我已经尝试过插值语法，但是没有成功：

background: linear-gradient(to bottom, #{$var1} 0%, #{$var2} 100%);

此外，我尝试了混合，但也没有成功：

@mixin theGradient(){
background: linear-gradient(to bottom, $var1 0%, $var2 100%);
}
.elementSelector {
@include theGradient();
}

还有其他想法吗？谢谢

Answer 1

我将_colorVars.scss导入到我的主要scss中。在我的“部分”文件中，我删除了一些js注释，这就是问题所在。似乎“部分”不能包含//注释。