Lessインポートオプション

LessはCSS@import CSSルールのいくつかの拡張を提供し、外部ファイルを処理する柔軟性を提供します.
構文:@import (keyword) "filename";次に、インポート命令の詳細を示します.

reference、少ないファイルを使用して出力しません.

inlineは、出力にソースファイルが含まれているが、処理されない.

lessは、ファイル拡張子にかかわらずlessファイルとみなされます.

cssは、ファイル拡張子に関係なくCSSファイルとして扱われます.

onceで、ファイルは1回のみ含まれています(これはデフォルトの動作です).

multiple、複数のファイルが含まれています.

optional、ファイルが見つからない場合はコンパイルを続行します.

リファレンス

@import（reference）を使用して外部ファイルをインポートしますが、参照されない限り、コンパイルされた出力にインポートされたスタイルは追加されません.
referenceは、使用する方法(ブレンドするか拡張するか)によって、異なる結果を生成します.

mixin:referenceスタイルが暗黙mixinとして使用されると、そのルールがブレンドされ、「not reference」とマークされ、参照される位置に通常通り表示されます.

extend:セレクタを拡張すると、新しいセレクタのみが参照されていないとマークされ、import文を参照する場所に引き込まれます.

Inline

@import(inline)を使用して外部ファイルを含めますが、処理できません.

Less

@import (less) 治療を使用してインポートされたファイルは、ファイル拡張子にかかわらず少なくはありません.

    @import (less) "main.css";

CSS

@import (css)を使用してインポートされたファイルを通常のCSSとして治療することは、ファイル拡張子に関係なくimport文がそのままになることを意味する.

    @import (css) "main.less";
    
    //   
    @import "main.less";

Once

@import文のデフォルトの動作は、ファイルが一度だけインポートされることを意味し、ファイルの後続のインポート文は無視されます.

    @import (once) "main.less";
    //        
    @import (once) "main.less";

Multiple

@import (multiple)を使用すると、同じ名前でインポートされた複数のファイルが許可されます.これは逆の動作です.

    // file: main.less
    div {
      color: green;
    }
    // file: index.less
    @import (multiple) "main.less";
    @import (multiple) "main.less";
    
    //     
    div {
      color: green;
    }
    div {
      color: green;
    }

Optional

@import (optional)では、ファイルが存在する場合にのみインポートが許可されます.optionalキーワードLessがない場合、見つからないファイルをインポートするとFileErrorが起動し、コンパイルが停止します.