更改具有较少.js的单个变量

Change a single variable with less.js

本文关键字:js 单个 变量      更新时间:2023-09-26

我正在尝试使用更少.js来修改较少的样式表以进行演示。 我希望它做的是记住以前的更改,因此我每次只需发送一个更改以提高效率。 假设我有以下内容:

@PrimaryColor: #FFF;
@SecondaryColor: #000;

如果我更改一个参数,它可以正常工作。

less.modifyVars({ "@PrimaryColor": "#ff0000" });

颜色现在如下所示:

@PrimaryColor: #ff0000;
@SecondaryColor: #000;

现在,如果我再次调用该方法:

less.modifyVars({ "@SecondaryColor": "#00ff00" });

原色切换回来,次要颜色更改:

@PrimaryColor: #FFF;
@SecondaryColor: #00ff00;

我的问题是是否有一种方法或方法可以只更改一个参数而忽略其他更改?

快速查看 modifyVars 的源代码似乎确认您做不到。

看起来每次调用modifyVars时都会重新编译源.less文件,并且仅应用您在上次modifyVars调用中传递的更改。