ตัวโหลด Nunjucks ทำงานอย่างไร?

เฮ้ ในฐานะซัพพลายเออร์ตัวโหลดฉันมีประสบการณ์ที่เป็นธรรมกับรถตักประเภทต่าง ๆ และวันนี้ฉันอยากจะพูดถึงวิธีการทำงานของตัวโหลด Nunjucks Nunjucks เป็นเอ็นจิ้นเทมเพลตที่ทรงพลังสำหรับ JavaScript และตัวโหลดมีบทบาทสำคัญในการทำให้เทมเพลตของคุณทำงานและทำงาน

ก่อนอื่นตัวโหลดคืออะไร? ในบริบทของ Nunjucks ตัวโหลดเป็นเหมือนผู้ช่วยตัวเล็ก ๆ ที่ออกไปและดึงไฟล์เทมเพลตของคุณ คุณรู้ได้อย่างไรว่าเมื่อคุณกำลังสร้างโครงการขนาดใหญ่คุณมีเทมเพลตที่แตกต่างกันทั้งหมดเหล่านี้กระจัดกระจายไปรอบ ๆ ? เอาเดอร์เป็นตัวโหลดที่ติดตามพวกเขาลงและทำให้พวกเขาสามารถใช้งานได้สำหรับ Nunjucks

เริ่มต้นด้วยพื้นฐาน เมื่อคุณใช้ Nunjucks คุณมักจะมีชุดของเทมเพลตที่เก็บไว้ในไฟล์ เทมเพลตเหล่านี้สามารถอยู่ในไดเรกทอรีที่แตกต่างกันและอาจมีการประชุมการตั้งชื่อที่แตกต่างกัน งานของตัวโหลดคือการค้นหาว่าไฟล์เหล่านี้อยู่ที่ไหนและโหลดลงในสภาพแวดล้อมของ Nunjucks

มีรถตักประเภทต่าง ๆ ใน Nunjucks หนึ่งในสิ่งที่พบบ่อยที่สุดคือFileSySystemLoader- ตัวโหลดนี้ใช้เมื่อเทมเพลตของคุณถูกเก็บไว้ในระบบไฟล์ มันตรงไปตรงมามากที่จะใช้ คุณเพียงแค่บอกว่าจะมองหาเทมเพลตได้ที่ไหนและส่วนที่เหลือ

นี่คือตัวอย่างของวิธีที่คุณจะใช้ไฟล์FileSySystemLoader-

const nunjucks = ต้องการ ('nunjucks'); // สร้าง filesystemloader const loader = ใหม่ nunjucks.filesystemloader ('แม่แบบ'); // สร้างสภาพแวดล้อม nunjucks ใหม่ด้วยตัวโหลด const env = ใหม่ nunjucks.environment (ตัวโหลด); // ตอนนี้คุณสามารถใช้สภาพแวดล้อมเพื่อแสดงเทมเพลต const output = env.render ('index.html', {ชื่อ: 'John'}); console.log (เอาต์พุต);

ในตัวอย่างนี้เรากำลังสร้างไฟล์FileSySystemLoaderที่มองหาแม่แบบในไฟล์เทมเพลตไดเรกทอรี จากนั้นเราสร้างสภาพแวดล้อม Nunjucks โดยใช้ตัวโหลดนี้ ในที่สุดเราใช้สภาพแวดล้อมเพื่อแสดงเทมเพลตที่เรียกว่าindex.htmlด้วยข้อมูลบางอย่าง

ตัวโหลดประเภทอื่นคือWebLoader- ตัวโหลดนี้ใช้เมื่อเทมเพลตของคุณถูกเก็บไว้บนเว็บเซิร์ฟเวอร์ มีประโยชน์หากคุณกำลังสร้างเว็บแอปพลิเคชันและคุณต้องการโหลดเทมเพลตจากสถานที่ห่างไกล

นี่คือวิธีที่คุณจะใช้ไฟล์WebLoader-

const nunjucks = ต้องการ ('nunjucks'); // สร้าง webloader const loader = ใหม่ nunjucks.webLoader ('https://example.com/templates'); // สร้างสภาพแวดล้อม nunjucks ใหม่ด้วยตัวโหลด const env = ใหม่ nunjucks.environment (ตัวโหลด); // ตอนนี้คุณสามารถใช้สภาพแวดล้อมเพื่อแสดงเทมเพลต const output = env.render ('index.html', {ชื่อ: 'John'}); console.log (เอาต์พุต);

ในตัวอย่างนี้เรากำลังสร้างไฟล์WebLoaderที่มองหาแม่แบบบนhttps://example.com/templatesเซิร์ฟเวอร์. จากนั้นเราสร้างสภาพแวดล้อม Nunjucks โดยใช้ตัวโหลดนี้และแสดงเทมเพลต

ตอนนี้เรามาพูดถึงวิธีการทำงานของโหลดจริงภายใต้ประทุน เมื่อคุณโทรไปที่ทำให้วิธีการเกี่ยวกับสภาพแวดล้อม Nunjucks ก่อนอื่นขอให้ตัวโหลดค้นหาไฟล์เทมเพลต จากนั้นโหลดเดอร์ออกไปและค้นหาไฟล์ในตำแหน่งที่ระบุ

หากพบไฟล์ตัวโหลดจะอ่านเนื้อหาของไฟล์และส่งกลับไปยังสภาพแวดล้อม Nunjucks จากนั้นสภาพแวดล้อมจะวิเคราะห์เทมเพลตและแทนที่ตัวยึดตำแหน่งใด ๆ ด้วยข้อมูลจริง

หากไม่พบไฟล์ตัวโหลดจะส่งคืนข้อผิดพลาด สิ่งนี้มีความสำคัญเนื่องจากช่วยให้คุณสามารถแก้ไขปัญหาได้ตั้งแต่เนิ่นๆในกระบวนการพัฒนาของคุณ

หนึ่งในสิ่งที่ยอดเยี่ยมเกี่ยวกับรถตัก Nunjucks คือมันยืดหยุ่นมาก คุณสามารถสร้างรถตักที่กำหนดเองของคุณเองได้หากคุณมีข้อกำหนดเฉพาะ ตัวอย่างเช่นคุณอาจต้องการโหลดเทมเพลตจากฐานข้อมูลหรือจากระบบไฟล์ที่กำหนดเอง

นี่คือตัวอย่างของวิธีที่คุณอาจสร้างตัวโหลดที่กำหนดเอง:

const nunjucks = ต้องการ ('nunjucks'); // สร้างคลาสโหลดเดอร์ที่กำหนดเอง CustomLoader ขยาย nunjucks.loader {constructor () {super (); } getSource (ชื่อ) {// ที่นี่คุณสามารถใช้ตรรกะของคุณเองเพื่อโหลดเทมเพลต // ตัวอย่างเช่นคุณอาจโหลดจากฐานข้อมูล const template = 'Hello, {{name}}!'; return {src: เทมเพลต, เส้นทาง: ชื่อ, nocache: false}; }} // สร้างสภาพแวดล้อม nunjucks ใหม่ด้วยตัวโหลด const loader ที่กำหนดเอง = new CustomLoader (); const env = nunjucks ใหม่สภาพแวดล้อม (โหลด); // ตอนนี้คุณสามารถใช้สภาพแวดล้อมเพื่อแสดงเทมเพลต const output = env.render ('custom.html', {ชื่อ: 'John'}); console.log (เอาต์พุต);

ในตัวอย่างนี้เรากำลังสร้างตัวโหลดแบบกำหนดเองที่ส่งคืนเทมเพลตเดียวกันเสมอ ในสถานการณ์จริงคุณจะใช้ตรรกะของคุณเองเพื่อโหลดเทมเพลตจากฐานข้อมูลหรือแหล่งอื่น ๆ

ในฐานะซัพพลายเออร์ตัวโหลดฉันรู้ว่าการมีรถตักที่เชื่อถือได้และมีประสิทธิภาพมีความสำคัญเพียงใด นั่นเป็นเหตุผลที่ฉันแนะนำให้ใช้ Loaders Nunjucks เสมอ พวกเขาใช้งานง่ายยืดหยุ่นและทำงานได้ดีในสถานการณ์ที่หลากหลาย

หากคุณอยู่ในตลาดสำหรับรถตักหนักสำหรับฟาร์มหรือสถานที่ก่อสร้างของคุณเรามีตัวเลือกที่ยอดเยี่ยม ตรวจสอบไฟล์Big Farm Bulldozer 220hp-รถขุดขนาดเล็ก 1.5 ตันขุด, และเฟอร์ลิฟท์ 4 ตันดีเซล- เครื่องเหล่านี้ถูกสร้างขึ้นเพื่อใช้งานได้นานและจะทำงานให้เสร็จอย่างรวดเร็วและมีประสิทธิภาพ

หากคุณสนใจที่จะเรียนรู้เพิ่มเติมเกี่ยวกับรถตักของเราหรือมีคำถามใด ๆ เกี่ยวกับรถตัก Nunjucks อย่าลังเลที่จะเข้าถึง เราอยู่ที่นี่เพื่อช่วยให้คุณเลือกที่ถูกต้องสำหรับความต้องการของคุณ

ข้อมูลอ้างอิง:

• เอกสารอย่างเป็นทางการของ Nunjucks
• ทรัพยากรการเขียนโปรแกรม JavaScript