Los mapas de origen te permiten mantener tu código legible y depurable incluso después de combinarlo y reducirlo, sin afectar el rendimiento.
Cuando usas varios transpiladores, minificadores y empaquetadores, el código que implementas difiere del código que escribes. Para mejorar el rendimiento de la red, estas herramientas comprimen el código en una sola línea, quitan los caracteres innecesarios y acortan las variables.
Muchas herramientas pueden generar mapas de origen para acompañar tu código.
Las Herramientas para desarrolladores de Chrome leen el código implementado y los mapas de origen, y te permiten depurar tu código como lo harías normalmente, incluso con puntos de interrupción.
Para comprender mejor cómo funcionan los mapas de origen, consulta el visualizador de mapas de origen.
Además, los mapas de origen pueden tener extensiones. Si compilas herramientas y frameworks, considera brindarles asistencia. Consulta este caso de éxito: Mejor depuración de Angular con DevTools, en el que el equipo de DevTools y Angular mejoraron la experiencia de depuración en DevTools admitiendo la extensión x_google_ignoreList.
Para obtener más información, consulta: