Nhập tệp LESS

Có thể phân chia mã LESS thành nhiều tệp, sau đó tổng hợp chúng lại thành một tệp CSS. Điều này được thực hiện bằng lệnh @import.

Hãy xem xét một ví dụ. Giả sử chúng ta có tệp lib.less, nơi chúng ta sẽ đặt các hàm hỗ trợ:

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

Hãy nhập tệp này vào tệp chính của chúng ta styles.less:

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

Sau khi nhập, tất cả dữ liệu từ tệp được nhập sẽ có sẵn trong tệp của chúng ta. Vì vậy chúng ta có thể sử dụng mixin .mix:

styles.lessdiv {
  .mix;
}