使用less.js更改单个变量
为了演示目的,我试图使用less.js对较少的样式表进行修改。 我想要做的是记住以前的更改,所以我只需每次发送一次更改以提高效率。 假设我有以下几点:
@PrimaryColor: #FFF;
@SecondaryColor: #000;
如果我更改了一个参数,它工作正常。
less.modifyVars({ "@PrimaryColor": "#ff0000" });
颜色现在看起来像这样:
@PrimaryColor: #ff0000;
@SecondaryColor: #000;
现在,如果我再次调用该方法:
less.modifyVars({ "@SecondaryColor": "#00ff00" });
主要颜色切换回来和次要颜色更改:
@PrimaryColor: #FFF;
@SecondaryColor: #00ff00;
我的问题是,是否有一种方法或一种方法可以改变一个参数而只保留其他更改?
快速查看modifyVars的源代码似乎证实你无法做到这一点。
它看起来像每次调用modifyVars
时重新编译source .less
文件,并且只应用您在上次modifyVars
调用中传递的更改。