在标准css中，@import 规则必须位于所有其他类型的规则之前。但是Less.js不在乎我们将 @import 语句放在什么位置。 @import 伪指令常用于在代码中导入文件，它将Less 代码分布在不同的文件上，并允许轻松地维护代码的结构，我们可以将 @import 语句放在代码的任何位置。

件扩展名

@import 取决于文件扩展名，Less可以对语句进行不同的处理：

如果文件具有 .css 扩展名，它将被视为CSS，并且该 @import 语句保持原样。 
如果有其他扩展名，则将其视为 Less 并导入。 
如果没有扩展名， .less 将被附加，并将其作为导入的 Less 文件包含在内。

// 1:导入index.less
@import "index";       

// 2:导入index.less
@import "index.less";

// 3:作为less文件导入的index.php
@import "index.php"; 

// 4:声明保留原样
@import "index.css";

链接: https://fly63.com/article/detial/6043