导入指令
@import 伪指令用于在代码中导入文件。 它将LESS代码分布在不同的文件上,并允许轻松地维护代码的结构。 您可以将 @import 语句放在代码中的任何位置。
文件扩展名
您可以使用 @import 语句,具体取决于不同的文件扩展名,例如:
如果您使用 .css 扩展名,那么它将被视为CSS和 @import 语句保持不变。
如果它包含任何其他扩展名,那么它将被视为LESS并将被导入。
如果没有较少的扩展,那么它将被附加并包含为导入的较少文件。
@import "style"; // imports the style.less
@import "style.less"; // imports the style.less
@import "style.php"; // imports the style.php as a less file
@import "style.css"; // it will kept the statement as it is
导入选项
LESS提供 @import ,允许样式表同时导入LESS和CSS样式表。下面列出了将在import语句中实现的导入伪指令
1、reference:它使用一个less文件作为参考,不会输出它
2、inline:它使您能够将css复制到输出而不进行处理
3、less:它会将导入的文件视为常规less,尽管可能是文件扩展名
4、css:它会将导入的文件视为常规css,尽管可能是文件扩展名
5、once:它将只导入一次文件
6、multiple:它会多次导入文件
7、optional:即使找不到要导入的文件,仍会继续编译
允许在 @import 语句中使用多个关键字,但必须使用逗号分隔关键字。
啥地方
@import (less, optional) "custom.css";