LESS 混合在其他导入的 LESS 文件中不可用

Question

我有这个代码：

@import "vars.less";
// Desktop/Laptop Section
@import "mixins-d-1.less";
@import "positioning.less";
@import "containers-d-1.less";

在containers-d-1.less内部，我引用了来自mixins-d-1.less的一个mixin。然而，我得到一个错误，说它是未定义的。

我可以从vars.less中提取变量，为什么我不能从mixins-d-1.less中提取Mixin？

Answer 1

问题根本不在于导入。

我在使用媒体查询时犯了一个错误。

两个文件都有相同的媒体查询，因为它们都是针对桌面CSS的(因此是"d"(。然而，第二个，在containers-d-1.less中，重写了第一个，并吹走了我所有的混音！我显然需要将导入块封装在该部分的单个媒体查询中，而不是在每个较少的文件中重新解析它。