它用于导入LESS或CSS文件的内容。
导入就类似于js的引入,引入之后就可以直接使用引入的内容啦~注意,这里不需要被引入文件提供导出功能。
Less 中,可以通过 @import 指令来导入外部文件。
@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
例如,您可以使用 @import 关键字作为 @import“file_name.less"导入文件。
语法
@import "//www.w3cschool.cn/less/myfile.less";
网友评论