LESS Mixins在其他导入的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中提取我的mixins？

Answer 1

问题根本不是导入。

我在使用媒体查询的方式上犯了一个错误。

这两个文件都具有相同的媒体查询，因为它们都是针对台式机CSS的（因此为“ d”）。但是，在容器d-1.less中的第二个覆盖了第一个，并吹走了我所有的mixins！我显然需要将import块包装到该部分的单个媒体查询中，而不是在每个较少的文件中重新声明它。