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文件中。非常有帮助,非常感谢!