מפות מקור מאפשרות לכם לוודא שהקוד קריא ושניתן לנפות בו באגים גם אחרי שילוב והקטנה שלו, בלי להשפיע על הביצועים.
כשמשתמשים בטרנספורמרים, במיני-ברים ובחבילות נתונים שונות, הקוד שפורסים שונה מהקוד שכותבים. כדי לשפר את ביצועי הרשת, הכלים האלה דוחסים את הקוד לשורה אחת, מסירים תווים מיותרים ומקצרים משתנים.
כלים רבים יכולים ליצור מפות מקור שילוו את הקוד שלכם.
כלי הפיתוח ל-Chrome קוראים את הקוד שנפרס וגם את מפות המקור ומאפשר לנפות באגים בקוד כרגיל, גם באמצעות נקודות עצירה.
כדי להבין טוב יותר איך פועלות מפות מקור, כדאי לעיין בכלי להצגת נתוני מקור של מפות.
בנוסף, למפות מקור יכולים להיות תוספים. אם אתם מפתחים כלים ומסגרות, כדאי לתמוך בהם. כדאי לקרוא את המקרה לדוגמה: Better Angular Debugging with DevTools, שבו צוות DevTools ו-Angular שיפרו את חוויית ניפוי הבאגים ב-DevTools על ידי תמיכה בתוסף x_google_ignoreList
.
למידע נוסף: