Peta sumber memungkinkan Anda membuat kode tetap dapat dibaca dan di-debug meskipun setelah Anda menggabungkan dan meminifikasinya, tanpa memengaruhi performa.
Saat menggunakan berbagai transpiler, minifier, dan bundler, kode yang Anda deploy berbeda dengan kode yang Anda tulis. Untuk meningkatkan performa jaringan, alat ini mengompresi kode menjadi satu baris, menghapus karakter yang tidak perlu, dan mempersingkat variabel.
Banyak alat yang dapat membuat peta sumber untuk menyertai kode Anda.
Chrome DevTools membaca kode yang di-deploy dan peta sumber, serta memungkinkan Anda men-debug kode seperti biasa, bahkan dengan titik henti sementara.
Untuk lebih memahami cara kerja peta sumber, lihat visualisator peta sumber.
Selain itu, peta sumber dapat memiliki ekstensi. Jika Anda membuat alat dan framework, pertimbangkan untuk mendukungnya. Lihat Studi Kasus: Proses Debug Angular yang Lebih Baik dengan DevTools ini, tempat Tim DevTools dan Angular meningkatkan pengalaman proses debug di DevTools dengan mendukung ekstensi x_google_ignoreList.
Untuk mempelajari lebih lanjut, lihat: