การแมปแหล่งที่มาช่วยให้คุณอ่านโค้ดและแก้ไขข้อบกพร่องได้แม้จะรวมและลดขนาดโค้ดแล้ว โดยไม่ส่งผลต่อประสิทธิภาพ
เมื่อใช้ Transpiler, Minifier และ Bundler ต่างๆ โค้ดที่คุณติดตั้งใช้งานจะแตกต่างจากโค้ดที่คุณเขียน เครื่องมือเหล่านี้จะบีบอัดโค้ดให้อยู่ในบรรทัดเดียว ลบอักขระที่ไม่จำเป็นออก และลดตัวแปรให้สั้นลงเพื่อปรับปรุงประสิทธิภาพของเครือข่าย
เครื่องมือจำนวนมากสามารถสร้างการแมปแหล่งที่มาควบคู่กับโค้ดได้
เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome จะอ่านทั้งโค้ดที่ทำให้ใช้งานได้และการแมปแหล่งที่มา และให้คุณแก้ไขข้อบกพร่องของโค้ดได้ตามปกติ แม้จะมีเบรกพอยท์ก็ตาม
โปรดดูเครื่องมือแสดงข้อมูลผ่านภาพของแผนที่แหล่งที่มาเพื่อทําความเข้าใจวิธีการทํางานของการแมปแหล่งที่มาให้ดียิ่งขึ้น
นอกจากนี้ การแมปแหล่งที่มายังมีส่วนขยายได้ด้วย หากคุณสร้างเครื่องมือและเฟรมเวิร์ก คุณควรพิจารณาสนับสนุนเครื่องมือและเฟรมเวิร์กเหล่านั้น ดูกรณีศึกษา: การแก้ไขข้อบกพร่อง Angular ที่ดีขึ้นด้วยเครื่องมือสำหรับนักพัฒนาเว็บ ซึ่งทีมเครื่องมือสำหรับนักพัฒนาเว็บและ Angular ปรับปรุงประสบการณ์การแก้ไขข้อบกพร่องในเครื่องมือสำหรับนักพัฒนาเว็บด้วยการสนับสนุนส่วนขยาย x_google_ignoreList
ดูข้อมูลเพิ่มเติมได้ที่