Less-import-options

提供:Dev Guides
移動先:案内検索

LESS-インポートオプション

この章では、LESSの*インポートオプション*の重要性を理解します。 LESSは、スタイルシートがLESSスタイルシートとCSSスタイルシートの両方をインポートできるようにする @ import ステートメントを提供します。

次の表は、インポートステートメントで実装されるインポートディレクティブの一覧です。

Sr.No. Import options & Description
1

reference

参照としてのみLESSファイルを使用し、出力しません。

2

inline

これにより、CSSを処理せずに出力にコピーできます。

3

less

ファイルの拡張子に関係なく、インポートされたファイルは通常のLESSファイルとして扱われます。

4

css

ファイルの拡張子に関係なく、インポートされたファイルは通常のCSSファイルとして扱われます。

5

once

ファイルは一度だけインポートされます。

6

multiple

ファイルを複数回インポートします。

7

optional

インポートするファイルが見つからなくても、コンパイルを続行します。

*@ import* ステートメントでは複数のキーワードを使用できますが、キーワードを区切るにはコンマを使用する必要があります。

例えば-

@import (less, optional) "custom.css";