Meteor bootstrap less mixins 不能跨文件工作答案

【问题标题】：Meteor bootstrap less mixins not working across filesMeteor bootstrap less mixins 不能跨文件工作
【发布时间】：2014-12-04 02:14:31
【问题描述】：

我正在使用带有 Meteor 的引导程序，并通过 main.less 中的 import 命令导入安装在 public 文件夹中的 bootstrap.less 文件：

@import "public/bower_components/bootstrap/less/bootstrap.less";

在它下面，我可以开始使用引导程序 mixin，例如 .clearfix() 和 text-hide()，它们可以正常编译。

但是，当我想将自己的 less 代码抽象为单独的文件 apply.less 并将该文件重新导入 main.less 时，现在看起来像这样：

@import "public/bower_components/bootstrap/less/bootstrap.less";
@import "apply.less";

我现在遇到错误

=> Errors prevented startup:

While building the application:
client/less/apply.less:10:2: Less compiler error: .clearfix is undefined

这真的很奇怪。这是 Meteor 的问题吗？

我发现的另一件事 - 如果我把这个空的 mixin 定义放在一边

.clearfix(){}

在我的apply.less 文件的顶部，事情将再次正常编译。

以前有没有人遇到过这个问题并想出了解决方法？

【问题讨论】：

标签： meteor less

【解决方案1】：

将您的第二个文件重命名为 apply.lessimport 并将其导入为：

@import "apply.lessimport";

基本上，less 包会在目录树中查找每个带有“.less”扩展名的文件，并将其单独编译为 CSS，而不管该文件是否被另一个文件导入。

当它找到一个带有“.lessimport”扩展名的文件时，它会将它添加到被监视的文件列表中，但实际上并没有对其进行编译或做任何事情。

【讨论】：