Mapy źródeł pozwalają zachować czytelność i debugowanie kodu nawet po jego połączeniu i zminimalizacji bez wpływu na wydajność.
Wdrażany kod różni się od własnego kodu w przypadku korzystania z różnych transpilatorów, minifikatorów i programistów tworzących pakiet. Aby poprawić wydajność sieci, narzędzia te kompresują kod do jednego wiersza, usuwają niepotrzebne znaki i skracają zmienne.
Wiele narzędzi może generować mapy źródeł towarzyszące kodowi.
Narzędzia deweloperskie w Chrome odczytują zarówno wdrożony kod, jak i mapy źródłowe, a także umożliwiają debugowanie kodu w zwykły sposób, nawet w przypadku punktów przerwania.
Aby lepiej zrozumieć, jak działają mapy źródłowe, zapoznaj się z wizualizacją map źródłowych.
Dodatkowo mapy źródeł mogą mieć rozszerzenia. Jeśli tworzysz narzędzia i platformy, zastanów się nad ich udostępnieniem. Zapoznaj się ze studium przypadku: Better Angular Debugging with DevTools, w którym zespół DevTools i Angular ulepszyły debugowanie w Narzędziach deweloperskich przez obsługę rozszerzenia x_google_ignoreList.
Więcej informacji: