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