Less 提供了CSS @import CSS规则的几个扩展,以提供更多的灵活性来处理外部文件。
语法: @import (keyword) "filename";
以下是导入指令的相关详情:
reference
,使用较少的文件但不输出。inline
,在输出中包含源文件,但不对其进行处理。less
,无论文件扩展名为什么,都将其视为less文件。css
,无论文件扩展名为什么,都将其视为CSS文件。once
,仅包含一次文件(这是默认行为)。multiple
,多次包含文件。optional
,找不到文件时继续编译。
参考
使用 @import(reference)
导入外部文件,但除非被引用,否则不将导入的样式添加到编译的输出中。
reference 根据所使用的方法(混合还是扩展),会产生不同的结果:
mixin
:当reference样式用作隐式mixin时,它的规则将被混合,标记为 “not reference”,并照常显示在被引用的位置。extend
:扩展选择器时,仅将新选择器标记为未引用,并将其拉入引用 import 语句的位置。