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

Question

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

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

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

提前致谢

Answer 1

您可以使用

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