Kaynak eşlemeleri, kodunuzu birleştirip küçülttükten sonra bile performansı etkilemeden kodunuzu okunabilir ve hata ayıklanabilir halde tutmanızı sağlar.
Çeşitli aktarıcılar, küçültücüler ve paketleyiciler kullanırken dağıttığınız kod, yazdığınız koddan farklıdır. Bu araçlar, ağ performansını iyileştirmek için kodu tek bir satıra sıkıştırır, gereksiz karakterleri kaldırır ve değişkenleri kısaltır.
Birçok araç, kodunuza eşlik edecek kaynak eşlemeleri oluşturabilir.
Chrome Geliştirici Araçları hem dağıtılan kodu hem de kaynak eşlemelerini okur ve ayırma noktaları kullansa bile normalde yaptığınız gibi kodunuzda hata ayıklamayı yapmanıza olanak tanır.
Kaynak haritalarının işleyiş şeklini daha iyi anlamak için kaynak haritaları görselleştirici içeriğine göz atın.
Ayrıca, kaynak eşlemelerinin uzantıları olabilir. Araçlar ve çerçeveler geliştiriyorsanız bunları desteklemeyi düşünün. Geliştirici Araçları Ekibi ve Angular'ın x_google_ignoreList uzantısını destekleyerek Geliştirici Araçları'ndaki hata ayıklama deneyimini iyileştirdiği bu Örnek Olay: Better Angular Debugging with DevTools'a göz atın.
Daha fazla bilgi edinmek için aşağıdaki makalelere bakın: