onlinetools.dev

JavaScript Biçimlendirici ve Küçültücü

JavaScript’i güzelleştirin ya da gerçek sıkıştırma ve ad kısaltmayla küçültün

Yerelde çalışır
loading…
Bu araç hakkında

JavaScript’i tutarlı girinti ve boşluklarla güzelleştirin — depoya alınmış bir paketi açıp gerçekte ne yaptığını okuyun ya da konsoldan yapıştırılmış kodu temizleyin. Küçültücü ise işin aslıdır: Terser kodunuzu bir AST’ye ayrıştırır, ölü kodu atar, yerel değişken adlarını kısaltır ve yorumları sıyırır — paketleyicilerin üretimde kullandığı motorun aynısı.

Küçültme AST tabanlı olduğu için, regex temelli “sıkıştırıcıların” yapabildiği gibi çalışan kodu asla bozmaz: dizgeler, şablon değişmezleri, düzenli ifadeler ve ASI sınır durumları gerçek bir ayrıştırıcı tarafından ele alınır. Sözdizimi hataları bozuk çıktı üretmek yerine konumuyla bildirilir.

Terser yalnızca ilk kez küçültme yaptığınızda yüklenir, böylece sayfa hafif kalır ve tamamen tarayıcınızda çalışır — özel mülk kaynak kodu makinenizden hiç çıkmaz.

Sıkça sorulan sorular

Kodum ne kadar küçülecek?
Elle yazılmış kod gzip’ten önce tipik olarak %30–60 düşer: boşluklar, yorumlar ve uzun yerel adlar bu kadar yer kaplar. Zaten paketlenmiş kod çok daha az küçülür — aynı dönüşümden bir kez geçmiştir.
Küçültme davranışı değiştirir mi?
Sıkıştırma ve ad kısaltma anlambilimi korur: yalnızca yerel adlar değiştirilir ve ölü kod eleme, kanıtlanabilir biçimde çalışamayacak dalları kaldırır. Klasik istisna, Function.prototype.name ya da kendi işlevlerinin toString() çıktısına dayanan koddur.
Bir web sitesinden alınan üretim kodunu geri açabilir mi?
Biçimlendirici boşlukları ve yapıyı geri getirir; bu da denetim akışını okunabilir kılar — ama özgün değişken adları ve yorumlar sonsuza dek gitmiştir; karşınızda a, b, c olacak. Ciddi hata ayıklama için site kaynak haritası yayınlıyorsa onu tercih edin.
TypeScript ya da JSX destekliyor mu?
Hayır — ikisi de kendi ayrıştırıcılarını ister. Önce JavaScript’e derleyin (tsc, esbuild), sonra çıktıyı burada biçimlendirin ya da küçültün.
İlgili araçlar