Tips DevTools: Apa yang dimaksud dengan peta sumber?
bookmark_borderbookmark
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Sofia Emelianova
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 diperlukan, 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 breakpoints.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2023-03-31 UTC."],[],[]]
