Mit Source Maps können Sie Ihren Code auch nach dem Kombinieren und Minimieren lesbar und debug-fähig halten, ohne die Leistung zu beeinträchtigen.
Wenn Sie verschiedene Transpiler, Minifier und Bundler verwenden, unterscheidet sich der bereitgestellte Code von dem Code, den Sie erstellen. Um die Netzwerkleistung zu verbessern, komprimieren diese Tools den Code in einer einzigen Zeile, entfernen unnötige Zeichen und kürzen Variablen.
Viele Tools können Quellzuordnungen generieren, die zu Ihrem Code passen.
Die Chrome-Entwicklertools lesen sowohl den bereitgestellten Code als auch die Quellzuordnungen und ermöglichen es Ihnen, wie gewohnt Fehler in Ihrem Code zu beheben, selbst mit Haltepunkten.
Weitere Informationen zur Funktionsweise von Source Maps finden Sie im Source Maps Visualizer.
Darüber hinaus können Quellzuordnungen Erweiterungen enthalten. Wenn Sie Tools und Konzepte entwickeln, sollten Sie sie unterstützen. In dieser Fallstudie: Better Angular Debugging with DevTools haben das DevTools-Team und Angular die Erweiterung x_google_ignoreList unterstützt und so die Fehlerbehebung in den Entwicklertools verbessert.
Weitere Informationen erhalten Sie unter: