使用 javascript 在 LESS 中动态更改变量答案

【问题标题】：Changing variables dynamically in LESS with javascript使用 javascript 在 LESS 中动态更改变量
【发布时间】：2013-04-09 19:57:19
【问题描述】：

我有一个“variables.less”文件，其中包含特定布局的所有变量列表。要更改布局视图，我需要重写“variables.less”文件或创建像“variables1.less”这样的新文件并将其导入我的主 style.less。我不想这样做。我只想拥有一个文件“variables.less”。

我想知道 variables.less 文件中的变量是否可以在将 less 文件导入到声明我的整个样式的 style.less 之前使用 javascript 动态定义。在这里，我想在一个 JSON 文件中维护不同布局的所有变量值，并相应地将其读取到“variables.less”文件中。

有没有可能解决这个问题。如果不可能，我可以解释一下。

谢谢提前

【问题讨论】：

那么你想动态改变变量名吗？？
我想动态获取变量值。不是变量名@Prasath K
我无法理解你的问题
我有一个变量“@color:red”，对于其他布局，我想将其更改为“@color:green”。现在我要再创建一个 variables.less 文件。但我想使用 javascript 从 JSON 对象中获取颜色值。我遇到了为相同布局创建不同外观的问题
放一个样例行，你想怎么改...?? .. 更简短地获得答案

标签： javascript json less

【解决方案1】：

你可以使用

less.modifyVars({
    '@buttonFace': '#5B83AD',
    '@buttonText': '#D9EEF2'
});

【讨论】：