Los mapas de fuentes 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 agrupadores, el código que implementas difiere del 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 orígenes 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 el 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 fuentes pueden tener extensiones. Si compilas herramientas y frameworks, considera 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: