LESS ფაილების იმპორტირება

შესაძლებელია LESS კოდის რამდენიმე ფაილად დაყოფა, შემდეგ კი მათი ერთ CSS ფაილში შეგროვება. ეს კეთდება @import ბრძანების საშუალებით.

მოდით შევხედოთ მაგალითს. დავუშვათ, რომ ჩვენ გვაქვს ფაილი lib.less, რომელშიც ჩვენ განვათავსებთ დამხმარე ფუნქციებს:

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

მოდით დავაიმპორტოთ ეს ფაილი ჩვენს ძირითად ფაილში styles.less:

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

იმპორტირების შემდეგ ჩვენს ფაილში ხელმისაწვდომი ხდება ყველა მონაცემი იმპორტირებული ფაილიდან. ამიტომ ჩვენ შეგვიძლია გამოვიყენოთ მიქსინი .mix:

styles.lessdiv {
  .mix;
}