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

Question

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

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

是否有可能解决问题。如果不可能，我可以解释一下。

由于 提前

Answer 1

您可以使用

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