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和team1.css 在他们的网页上 Team2 引用了foo.css和team2.css。

如何让team1.css和team2.css在各自的编译输出中排除foo.css？现在发生的是team1.css和team2.css都有foo.css（重复css代码）。

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

Answer 1

现在提供少量1.5

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

@import (reference) "foo.less";

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

Answer 2

我的问题是，如果你不希望它被包括在内，你为什么要输入foo.less？如果是因为你正在使用来自foo.less的变量或mixins，那么你可以将它们分成一个单独的less文件，然后导入它。这样就不会有任何重复的CSS。这是一般的好习惯，这样你可以重用任何变量/ mixin而无需导入一堆css。