การนำเข้าไฟล์ LESS

คุณสามารถแยกโค้ด LESS ออกเป็นหลายไฟล์ จากนั้นรวบรวมเข้าด้วยกันเป็นไฟล์ CSS ไฟล์เดียว สิ่งนี้ทำได้ด้วยคำสั่ง @import

ลองดูตัวอย่าง สมมติว่าเรามี ไฟล์ lib.less ซึ่งเราจะ วางฟังก์ชันเสริมต่างๆ ไว้ในนั้น:

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

ลองนำเข้าไฟล์นี้ไปยังไฟล์หลักของเรา ไฟล์ styles.less:

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

หลังการนำเข้า ข้อมูลทั้งหมดจากไฟล์ที่ถูกนำเข้าจะสามารถ ใช้งานได้ในไฟล์ของเรา ดังนั้น เราสามารถใช้ mixin .mix ได้:

styles.lessdiv {
  .mix;
}