Import 更少-仅编译当前文件,不包括导入

Import 更少-仅编译当前文件,不包括导入,import,less,Import,Less,我们的项目中有一个无第三方文件,比如foo.lessfoo.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.

我们的项目中有一个无第三方文件,比如
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
以利用大量变量和混合

我的问题是,如果不希望包含foo.less,为什么要导入它?如果是因为您使用的是foo.less中的变量或mixin,那么您可以将这些变量或mixin分离到一个单独的less文件中,并将其导入。这样就不会有任何重复的css。一般来说,这是一个很好的实践,这样您就可以重用任何变量/混合,而无需导入一堆css。

现在在不到1.5的版本中可用 您可以导入
foo.less
作为参考,如下所示:

@import (reference) "foo.less";

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

添加了关于为什么使用导入的注释。不仅仅是变量,还有几个mixin。要将这些mixin和变量移动到单独的文件中,为什么要使用downvote?mixin可以是foo.less中定义的任何选择器。把它全部搬出去并不容易。所以没有其他办法了?我不这么认为,除非你有一个单独的过程,从你的输出文件中删除任何重复的css。谢谢你,斯科特。这对于像我这样正在构建web框架的开发人员来说很重要。例如,我有一个14KB的“核心”文件,我们所有的web应用程序都可以使用,但是我们有特定于平台/项目的附加样式,这些样式需要在缓存之后加载。但是,核心样式/mixin/变量应该能够包含在这个额外加载的特定CSS文件中。非常有帮助,非常感谢!