Less 生成更少的变量依赖树？

在less中，可以有依赖于变量的变量，比如

@a:#000；
@b:@a；
@c：变轻（@b，50）；
@d：变暗（@c，25）；

由于能够导入多个文件，因此要知道哪个变量依赖于哪些其他变量可能会变得相当混乱

---

是否有一种方法（例如，运行LESC的标志或外部程序）来获取给定较少变量的依赖关系树？

否。最接近的方法是手动添加解释性注释。如果您需要在已编译的CSS中使用这些注释，请确保使用

/*CSS注释*/

（

///LESS注释

不要进入已编译的CSS）

如果在浏览器检查器中查看前端内容，可以使用sourcemaps跟踪给定样式来自哪个文件，然后读取该文件中的注释

如果要缩小编译后的CSS，请不要删除注释，或者生成一个额外的不删除注释的非生产副本

---

您的示例是颜色，但请注意，如果处理数字，您有时可以使用

calc（）

将源值显示在最终CSS中（包括浏览器检查器中，如果这与您所做的相关）。

不。最接近的方法是手动添加解释性注释。如果您需要在已编译的CSS中使用这些注释，请确保使用

/*CSS注释*/

（

///LESS注释

不要进入已编译的CSS）

如果在浏览器检查器中查看前端内容，可以使用sourcemaps跟踪给定样式来自哪个文件，然后读取该文件中的注释

如果要缩小编译后的CSS，请不要删除注释，或者生成一个额外的不删除注释的非生产副本

---

您的示例是颜色，但请注意，如果处理数字，您有时可以使用

calc（）

将源值显示在最终的CSS中（包括浏览器中的检查器，如果这与您所做的相关）。

感谢您的回复。我真的不需要知道给定CSS文件的依赖关系，只要分析较少的源代码就可以了（因为对于80多个文件中的嵌套导入，您并不总是知道什么依赖于什么）。CSS当然很好，但不是必需的。我真的在文件

foo.less

中查找“这个变量

@foo

，它依赖于文件

{bar，baz，…}.less

？”答案仍然是否定的，很遗憾对我的答案做了一个小编辑，指出如果你不需要它在编译的CSS中生存，你可以使用

//内联注释
。谢谢你的回复。我真的不需要知道给定CSS文件的依赖关系，只要分析较少的源代码就可以了（因为对于80多个文件中的嵌套导入，您并不总是知道什么依赖于什么）。CSS当然很好，但不是必需的。我真的在文件
foo.less
中查找“这个变量
@foo
，它依赖于文件
{bar，baz，…}.less
？”答案仍然是否定的，很遗憾对我的答案做了一个小编辑，指出如果你不需要它在编译的CSS中生存，你可以使用
//内联注释
。