使用less.js更改单个变量

时间:2013-10-21 03:11:04

标签: javascript css less

我正在尝试使用less.js来修改较少的样式表以用于演示目的。我想要它做的是记住以前的更改,所以我每次只需要发送一次更改以提高效率。假设我有以下内容:

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

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

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

颜色现在看起来像这样:

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

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

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

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

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

我的问题是,是否有一种方法或方法只会更改一个参数并仅保留其他更改?

1 个答案:

答案 0 :(得分:1)

快速查看modifyVars的source code似乎确认您无法执行此操作。

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