Mapy źródeł umożliwiają czytanie i debugowanie kodu nawet po połączeniu i minifikacji kodu. Nie wpływa to na wydajność.
Jeśli korzystasz z różnych transpilatorów, programów do minimalizowania i pakietów, wdrażany kod różni się od tego, który tworzysz. 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ódłowe, które zostaną dołączone do kodu.
Narzędzia deweloperskie w Chrome odczytują zarówno wdrożony kod, jak i mapy źródłowe oraz umożliwiają debugowanie kodu w zwykły sposób, nawet w przypadku punktów przerwania.
Aby lepiej zrozumieć, jak działają mapy źródeł, 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 obsługą. Zapoznaj się z tym materiałem Case Study: Better Angular Debugging with DevTools (Studium przypadku: Better Angular Debugging with DevTools), w którym zespół DevTools i Angular ulepszyli debugowanie w Narzędziach deweloperskich za pomocą rozszerzenia x_google_ignoreList.
Więcej informacji: