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