LESS-bestanden importeren

Je kunt LESS-code over meerdere bestanden verdelen, en ze vervolgens samenvoegen in één CSS-bestand. Dit wordt gedaan met het commando @import.

Laten we een voorbeeld bekijken. Stel dat we een bestand lib.less hebben, waarin we ondersteunende functies zullen plaatsen:

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

Laten we dit bestand importeren in ons hoofd- bestand styles.less:

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

Na het importeren zijn alle gegevens uit het geïmporteerde bestand beschikbaar in ons bestand. Daarom kunnen we de mixin .mix gebruiken:

styles.lessdiv {
  .mix;
}