import - Less - 仅编译当前文件，不包括导入

Question

我们的项目中有一个无第三方文件 - 比如说foo.less. foo.less将编译为foo.css.

foo.less
foo.css
-- team1.less
-- team1.css
-- team2.less
-- team2.css

team1.less并且team2.less都导入foo.less. Team1 在其网页上 引用了foo.css和，而Team2引用了和。team1.cssfoo.cssteam2.css

如何在各自的编译输出中获取team1.css和team2.css排除？foo.css现在发生的事情是team1.css并且team2.css两者都有foo.css（重复css代码）。

编辑： team1.less并team2.less导入foo.less以利用许多变量和混合。

Answer 1

现在在 LESS 1.5 中可用

您可以导入foo.less作为参考，如下所示：

@import (reference) "foo.less";

该代码可用于引用变量、mixin 等，但不会编译为 css 输出。

Answer 2

我对你的问题是，如果你不希望它被包含，你为什么要导入 foo.less？如果是因为您使用了来自 foo.less 的变量或 mixin，那么您可以将它们分离到一个单独的 less 文件中，然后将其导入。这样就不会有任何重复的css。一般来说，这是一种很好的做法，这样您就可以重用任何变量/mixin，而无需导入一堆 css。