Less导入指令

在标准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";