meteor - 如何使用@import 在meteor 中使用更少的mixin 而不会获得多个定义

Question

在我当前的 meteor 应用程序中，我将较少的声明拆分为每个 Controller (铁路由器)的一个文件。我有一个通用文件——我在其中定义了一些 mixins——它被导入到每个 less 文件中。我的问题是这些类在每条 route 被多次导入。

文件结构为:

mixins.import.less(新名称，引用 http://docs.meteor.com/#less)

.grid-container {
    // something
}

postList.less

@import (once) url('/client/views/mixins.import.less');

postDetail.less

@import (once) url('/client/views/mixins.import.less');

然后在 Chrome 检查器中，我发现重复了我在 mixins.import.less 中编写的所有内容。是否有可能避免这种双重导入？

Answer 1

假设您希望在编译的 css 中至少包含一次 mixin 代码(也许不是，有些只是希望它们作为 mixin，而不是 css 代码中的类)，然后确保将其设置为引入“mixins.import.less”文件全靠自己。然后对于使用它的所有依赖文件，请执行以下操作:

“postList.less”、“postDetail.less”等。

@import (reference) url('/client/views/mixins.import.less');

The (reference) option has been available since LESS 1.5 , 并且只会引入LESS文件中使用的代码供引用，本身不会输出任何css。