2017-02-24 27 views
1

在少,你可以依赖于依赖于变量等页变量变量,如生成较少的变量依赖树?

@a: #000; 
@b: @a; 
@c: lighten(@b, 50); 
@d: darken(@c, 25); 

与导入多个文件,它可以变得相当混乱知道哪些变量取决于哪些其他的能力变量。

有没有办法(例如一个标志与运行lessc或外部程序)获得给定的变化较少的依赖关系树?

回答

0

没有。您将得到最接近的是手动添加解释性评论。如果您在编译的CSS中需要这些注释,请确保使用/* CSS comments */// LESS comments不要将其放入编译的CSS中)。

如果您在浏览器检查器中查看前端事物,则可以使用源映射追踪给定样式来自哪个文件,然后阅读该文件中的注释。

如果您要缩小编译的CSS,请不要删除注释或生成不删除注释的额外非生产副本。

您的示例是颜色,但请注意,如果处理数字,您有时可以使用calc()将源值显示在最终的CSS中(包括在浏览器检查器中,如果这与您所做的相关)。

+0

感谢您的回复。我真的不需要知道给定CSS文件的依赖关系,如果仅仅分析较少的源文件(因为在80多个文件中嵌套导入,您并不总是知道什么取决于什么),我完全没问题。当然,CSS会很好,但不是必需的。我真的在文件“foo.less”中寻找“这个变量@ foo',它在文件'{bar,baz,...}中依赖于什么?less'?” –

+0

答案仍然没有,可悲。 //对我的回答做了一个小小的编辑,指出如果你不需要它在编译的CSS中生存,就可以使用'// inline comments'。 – henry