Less-@import 導入選項

//@import 導入選項

--@import 可以至於任何你需要導入的地方
在標准的CSS，@import在規則必須先於所有其他類型的規則。但Less.js不關心
example:
.test(){
    color:#ff6a00;
}
.study{
    .test;
}
@import "studyLess.css";

//output css
@import "studyLess.css";
.study {
  color: #ff6a00;
}

--@import 可以根據文件擴展名不同而用不同的方式處理
如果文件是.css的擴展名，將處理為CSS和@import語句保持原樣。
如果為其他的擴展名將處理為less導入。
如果沒有擴展名，將會為他添加.less擴展名，作為less導入。
example:
@import "foo";      // foo.less 導入為less文件
@import "foo.less"; // foo.less 導入為less文件
@import "foo.php";  // foo.php  導入為less文件
@import "foo.css";  // 語句保持原樣，導入為css文件

以下選項可用於覆蓋此行為。
語法：@import (keyword) "filename";
reference: 使用該less文件但是不輸出它
inline: 包括在源文件中輸出，但是不作處理
less: 將該文件視為less文件，無論其擴展名為什么
css: 將文件視為css文件，無論擴展名為什么
once: 該文件僅可導入一次 (默認)
multiple: 該文件可以多次導入
optional: 當沒有發現文件時仍然編譯

多個關鍵字 @import 是允許的，你必須使用逗號分隔關鍵字：
example: @import (optional, reference) "foo.less";

作者：leona

原文鏈接：http://www.cnblogs.com/leona-d/p/6306692.html

版權聲明：本文版權歸作者和博客園共有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文鏈接