Com os mapas de origem, você mantém seu código legível e depurável mesmo depois de combiná-lo e minificá-lo, sem afetar o desempenho.
Ao usar vários transcompiladores, minimizadores e bundlers, o código implantado é diferente do código criado por você. Para melhorar o desempenho da rede, essas ferramentas compactam o código em uma única linha, removem caracteres desnecessários e encurtam as variáveis.
Muitas ferramentas podem gerar mapas de origem para acompanhar seu código.
O Chrome DevTools lê o código implantado e os mapas de origem e permite depurar seu código como faria normalmente, mesmo com pontos de interrupção.
Para entender melhor como os mapas de origem funcionam, confira o Visualizador de mapas de origem.
Além disso, os mapas de origem podem ter extensões. Se você cria ferramentas e estruturas, considere apoiá-las. Confira este Estudo de caso: Melhor depuração do Angular com o DevTools (link em inglês), em que a equipe do DevTools e o Angular melhoraram a experiência de depuração no DevTools oferecendo suporte à extensão x_google_ignoreList.
Para saber mais, veja: