css - 更少的编译时变量

Question

有没有办法在编译时定义一个较少的变量？

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

Answer 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 文件中定义的任何内容。

根据您调用编译器的方式，您可以在此处插入环境变量。