问题描述
: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 issue 中,我找到了以下解决方法:
background-color: ~"fade(@primary-color,20%)";
但要做到这一点,我必须将库的 LESS 文件修改为 node_modules
。在我之前链接的 Github 问题中,也有人说从 LESS 3.x 开始不再需要这种解决方法,但我尝试使用 LESS 3.13.1 和 LESS 4.1.1,如果我没有添加 ~"func"
webpack 构建的语法仍然失败。有人有更好的解决方案吗?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)