更少的编译时变量

【问题标题】：less compile time variables更少的编译时变量
【发布时间】：2012-06-12 18:02:16
【问题描述】：

有没有办法在编译时定义一个 less 变量？

我想做的是根据编译较少文件的环境定义@base-path，以便服务器引用 CDN，而路径将指向开发人员机器上的本地路径。

【问题讨论】：

你用什么工具编译它？（PHP::lessc、plessc、node.js 上的 less.js 等）？
我想应该是使用 node 运行的 less.js。
Dynamically define a variable in LESS CSS 的可能重复项
我不知道这是否是重复的
@BassJobsen 这对我来说似乎不是重复的——这个问题似乎要简单得多：在编译时将环境变量包含在 less 中。该建议似乎与环境变量无关，它似乎与普通变量有关。我有点惊讶这是唯一谈论这个的票。

标签： css less

【解决方案1】：

NodeJS 上的 lessc 编译器，提到了以下选项（来自 https://lesscss.org/usage/#less-options）：

全局变量

lessc --global-var="color1=red"{ globalVars: { color1: 'red' } }

这个选项定义了一个可以被文件引用的变量。实际上，声明放在基础 Less 文件的顶部，这意味着它可以使用，但如果在文件中定义了此变量，它也可以被覆盖。

修改变量

lessc --modify-var="color1=red"{ modifyVars: { color1: 'red' } }

与全局变量选项相反，这会将声明放在基本文件的末尾，这意味着它将覆盖您的 Less 文件中定义的任何内容。

根据你调用编译器的方式，你可以在这里插入环境变量。

【讨论】：