Webpack

การรวมแพ็กเกจสำหรับเว็บแอปพลิเคชันที่ทันสมัย

Addy Osmani
Addy Osmani

เว็บแอปพลิเคชันสมัยใหม่มักจะใช้เครื่องมือรวมกลุ่มเพื่อสร้าง "กลุ่ม" ไฟล์ (สคริปต์ สไตล์ชีต ฯลฯ) ที่ใช้งานจริงซึ่งจะ เพิ่มประสิทธิภาพ ย่อ และดาวน์โหลดได้ในเวลาที่น้อยลงโดยผู้ใช้ ในการเพิ่มประสิทธิภาพเว็บด้วย Webpack เราจะแนะนำวิธีเพิ่มประสิทธิภาพทรัพยากรเว็บไซต์โดยใช้ Webpack ซึ่งจะช่วยให้ผู้ใช้โหลดและโต้ตอบกับเว็บไซต์ของคุณได้เร็วขึ้น

โลโก้ Webpack

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

ก่อนและหลังใช้การเพิ่มประสิทธิภาพ JavaScript ปรับปรุงเวลาในการตอบสนอง  

ได้รับแรงบันดาลใจจาก การแยกโค้ดใน Bundle Buddy โดย Susie Lu

มาเริ่มด้วยการดูการเพิ่มประสิทธิภาพทรัพยากรราคาแพงที่สุดอย่างหนึ่งในแอปสมัยใหม่ ซึ่งก็คือ JavaScript