css - 在 css 中调试奇怪的少输出

Question

我使用gulpandgulp-less来预处理我的.less文件，随着时间的推移，我提出了一些非常复杂的结构，虽然给了我一些真正的灵活性，但有时也会使调试变得困难。

目前，我的main.css文件开头有以下输出：

@media screen and (max-width: 767px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
}
@media (min-width: 768px) {
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
}
@media (max-width: 767px) {
}

由于我所有的媒体查询都是用变量定义并用mixin调用的，看起来它应该很容易调试......但是，我的任何文件中都没有应该产生这个的东西 - 至少到目前为止正如我所知 - 事实上，甚至没有那么多候选人可以解析可能会产生这种情况 - 所以我有点卡住了。

但实际上，更大的问题——不管是什么原因造成的——是如何调试潜在的复杂less输出。除了到处发表评论外，我知道没有明显的技巧。

有什么帮助吗？