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

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

ได้รับแรงบันดาลใจจาก การแยกโค้ดใน Bundle Buddy โดย Susie Lu
มาเริ่มด้วยการดูการเพิ่มประสิทธิภาพทรัพยากรราคาแพงที่สุดอย่างหนึ่งในแอปสมัยใหม่ ซึ่งก็คือ JavaScript