ファイルのLESSインポート

LESSのコードを複数のファイルに分割し、 その後、それらを1つのCSSファイルにまとめることができます。 これは、@importコマンドを使用して行われます。

例を見てみましょう。補助関数を配置するファイル lib.lessがあるとします：

lib.less.mix() {
  color: red;
}

このファイルをメインのファイル styles.lessにインポートしてみましょう：

styles.less@import url('lib.less');

インポート後、インポートされたファイルからのすべてのデータが 私たちのファイルで利用可能になります。したがって、 ミキシン.mixを使用することができます：

styles.lessdiv {
  .mix;
}