การนำเข้าไฟล์ LESS
คุณสามารถแยกโค้ด LESS ออกเป็นหลายไฟล์
จากนั้นรวบรวมเข้าด้วยกันเป็นไฟล์ CSS ไฟล์เดียว
สิ่งนี้ทำได้ด้วยคำสั่ง @import
ลองดูตัวอย่าง สมมติว่าเรามี
ไฟล์ lib.less ซึ่งเราจะ
วางฟังก์ชันเสริมต่างๆ ไว้ในนั้น:
.mix() {
color: red;
}
ลองนำเข้าไฟล์นี้ไปยังไฟล์หลักของเรา
ไฟล์ styles.less:
@import url('lib.less');
หลังการนำเข้า ข้อมูลทั้งหมดจากไฟล์ที่ถูกนำเข้าจะสามารถ
ใช้งานได้ในไฟล์ของเรา ดังนั้น
เราสามารถใช้ mixin .mix ได้:
div {
.mix;
}
สร้างไฟล์ที่เก็บไลบรารีของฟังก์ชันที่มีประโยชน์ นำเข้าไฟล์นั้นไปยังไฟล์หลักของคุณ
