Los mapas de origen te permiten hacer que tu código sea legible y depurable incluso después de combinarlo y reducirlo, sin afectar el rendimiento.
Cuando se usan varios transpiladores, minificadores y agrupadores, el código que implementas difiere del código que creas. 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 lee el código implementado y los mapas de origen, y te permite 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 orígenes pueden tener extensiones. Si creas herramientas y frameworks, considera la posibilidad de respaldarlos. Consulta este Caso de éxito: Mejor depuración de Angular con Herramientas para desarrolladores, en el que el equipo de Herramientas para desarrolladores y Angular mejoraron la experiencia de depuración en Herramientas para desarrolladores admitiendo la extensión x_google_ignoreList.
Para obtener más información, consulta: