0

我有以下自定义属性定义：

:root: {
  --my-color: red;
}

@primary-color: var(--my-color);

上面定义的这种 LESS 颜色是从我正在使用的组件库中使用的。覆盖那个 LESS 变量是我可以决定我想为我的项目使用哪种颜色的方式。但是像这样定义颜色会使构建失败。

Error evaluating function `fade`: Argument cannot be evaluated to a color

以下是我正在使用的库将如何使用@primary-color我正在覆盖的内容：

background-color: fade(@primary-color, 20%); // from the source code of the library

在这个Github 问题中，我找到了以下解决方法：

background-color: ~"fade(@primary-color, 20%)";

但要做到这一点，我必须将库的 LESS 文件修改为node_modules. 在我之前链接的 Github 问题中，也有人说从 LESS 3.x 开始不再需要这种解决方法，但我尝试使用 LESS 3.13.1 和 LESS 4.1.1，如果我没有添加~"func"webpack 构建的语法仍然失败。有没有人有更好的解决方案？

4

0 回答 0