less学习（八）— 关于导入

导入指令

@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";