Küçültmek kodumun davranışını değiştirir mi?

Kendi başına değiştirmez. Terser kodu ayrıştırıyor ve yalnızca güvenli olduğunu kanıtlayabildiği dönüşümleri yapıyor. Sizi bozabilecek tek şey ad kısaltmak, o da yalnızca bir şey adı METİN olarak arıyorsa — eval, new Function, ya da parametre adlarını okuyan bağımlılık enjeksiyonu. O anahtar araç çubuğunda ve kapatabilirsiniz.

Küçültülmüş bir dosyayı aslına döndürebilir mi?

Okunur hâle getirebilir, aslına döndüremez. Aç düğmesi girintiyi ve satır sonlarını geri koyuyor, mantığı takip edebiliyorsunuz. Yorumlar silinmiştir ve kısa adlar kısa kalır; "e"den "hataMesaji" hiçbir şekilde geri gelmez. Derleme sizinse kaynak haritası yayınlayın — tek gerçek cevap o.

Hedef ayarı neyi değiştiriyor?

Terser'a hangi sözdizimini üretebileceğini söylüyor. ES2020+ seçiliyken ok fonksiyonu ve diğer kısa modern biçimleri kullanabilir; ES5'te kullanmaz, böylece çıktı eski tarayıcılarda da çalışır. Kodunuzu ÇEVİRMEZ — ok fonksiyonu yazdıysanız ve ES5 seçerseniz o ok fonksiyonu olarak kalır. Onun için Babel gibi bir derleyici gerekir.

Kodum bir sunucuya gönderiliyor mu?

Hayır. Terser'ın kendisi tarayıcınıza indiriliyor ve orada çalışıyor; kod makinenizden hiç çıkmıyor. Sayfayı böyle kurmanın belirleyici sebebi buydu: bir küçültücüye yapıştırılan şey genelde özel bir işin kaynağıdır ve onu küçültmek için görmesi gereken bir araç fazlasını istiyor demektir.

JavaScript Küçültücü ve Açıcı - Tarayıcınızda Terser

Araçlar / / Geliştirici Araçları / Biçimlendiriciler / JavaScript Küçültücü

JavaScript küçültücü ve açıcı

Hedef

Adları kısalt

Yerel adları kısaltmak en çok baytı kazandırır ama adı METİN olarak arayan kodu bozar — eval, new Function, ya da parametre adlarını okuyan bir çatı. Bunlardan birine dayanıyorsanız kapatın.

JavaScript'iniz

var firstName = "Ada";
var lastName  = "Lovelace";
var fullName  = firstName + " " + lastName;

function greet(person, greeting) {
  // Küçült bu yorumu siler; Aç korur.
  const message = `${greeting}, ${person}!`;
  return message;
}

console.log(greet(fullName, "Hello"));

JavaScript küçültme hakkında sık sorulan sorular

Terser — UglifyJS'in devamı ve webpack, Rollup, Vite'ın varsayılan küçültücüsü. Derleme adımınızın zaten çalıştırdığı motorun aynısı; yani buradaki çıktı bir derlemeden alacağınızın yaklaşığı değil, aynısı.

En çok kullanılan biçimlendiriciler

Tüm Zamanlar

JSON Biçimlendirici

XML Biçimlendirici

CSS Küçültücü

HTML Biçimlendirici

SQL Biçimlendirici

Yeni

Markdown Editörü Markdown yazın, işlenmiş sonucu yan yana görün. Başlık, liste, tablo, kod bloğu ve bağlantı desteklenir; HTML’i kopyalayın ya da .md ve .html dosyası indirin. Tarayıcınızda çalışır.

Sayfayı Görüntüle

Bugün Popüler

YAML Biçimlendirici Dağınık YAML’i yeniden girintileyin, hatayı satır numarasıyla görün ve belgeyi JSON olarak okuyun. Yorumlarınız, blok skalerler ve çapalar korunur. Tarayıcınızda çalışır.

Sayfayı Görüntüle

Bu araç ne yapar

JavaScript küçültmek boşluk silmek değildir. Bul-değiştir ile yapılırsa ortaya iyi görünen ama farklı davranan dosyalar çıkar ve fark üretimde ortaya çıkar. Bu sayfa, çoğu projenin derleme adımının arkasındaki motoru — Terser'ı — tarayıcınızın içinde çalıştırıyor.

Nasıl kullanılır

1 JavaScript'i kutuya yapıştırın.
2 Bir hedef seçin ve adları kısaltıp kısaltmayacağınıza karar verin.
3 Küçült'e basın — ya da küçültülmüş bir dosyayı geri açmak için Aç'a.

Neden bul-değiştir değil de ayrıştırıcı

JavaScript, sizin koymadığınız noktalı virgülleri kendisi ekler. "return" ile değeri arasındaki satır sonunu silin, fonksiyon undefined döndürmeye başlar — dosya hâlâ geçerlidir, sadece başka bir şey yapar. Aynı karakter bir yerde bölme, başka yerde düzenli ifadedir. Bunları ayırt etmek için desen değil dil bilgisi gerekiyor; sayfanın gerçek bir ayrıştırıcı kullanmasının sebebi bu.

Asıl küçülen ne

Boşluk ve yorumlar işin en küçük parçası. Asıl kazanç yerel değişkenleri tek harfe indirmekten, ayrı bildirimleri tek bildirimde birleştirmekten, sabitleri hesaplamaktan ve hiç çalışmayacak kodu atmaktan geliyor. Bunların hepsi ağaç işlemi — küçültücünün iki adın aynı bağlamı gösterdiğini ve aralarında onu okuyan bir şey olmadığını bilmesi gerekiyor.

Ad kısaltmanın ısırdığı yer

Bir küçültücü ancak GÖREBİLDİĞİNİ yeniden adlandırabilir. Metin olarak yazılmış bir adı göremez: eval("sayac + 1"), new Function("a", "return a"), ya da neyi vereceğine karar vermek için fonksiyonun parametre adlarını okuyan bir çatı. Bunlar eski adı aramaya devam eder ve bulamaz. Bu, aracın kusuru değil dilin özelliği — anahtarın sessizce uygulanmayıp size bırakılmasının sebebi de bu.

Aç düğmesi dosyanın aslını geri getirmez

Aç düğmesi girintiyi ve satır sonlarını geri koyar, küçültülmüş bir dosya yeniden okunur hâle gelir. Atılmış olanı geri getiremez: yorumlar gitmiştir ve adlar kısaltılmışsa kısa kalır — hiçbir araç "e"nin bir zamanlar "hataMesaji" olduğunu tahmin edemez. Üretimdeki bir dosyada hata ayıklamak için aslı geri getiren tek şey kaynak haritasıdır.

İlgili Geliştirici Araçları

JSON Biçimlendirici JSON'ı tarayıcınızda biçimlendirin, küçültün ve doğrulayın. Bozuk girdi satır ve sütun olarak işaretlenir, katlanabilir ağaç yapıyı gösterir.

HTML Biçimlendirici Dağınık HTML'i okuyabilmek için girintileyin ya da daha küçük gitsin diye sadeleştirin. Parçalarda da çalışır, işaretlemenizi değiştirmez.

CSS Küçültücü Yorumları ve boşlukları atarak CSS'i sıkıştırın ya da düzgün girintiyle geri açın. calc() boşlukları, dizeler ve lisans yorumları olduğu gibi kalır.

XML Biçimlendirici Dağınık XML'i okuyabilmek için girintileyin ya da küçük gitsin diye sadeleştirin. RSS, CDATA ve ad alanlarını doğru işler, belgenizi yeniden yazmaz.

SQL Biçimlendirici Uzun bir sorguyu okunur satırlara bölün ya da tekrar tek satıra sıkıştırın. Anahtar kelime yazımınızı, tırnaklı adlarınızı ve dizelerinizi aynen bırakır.

Beğenebileceğiniz Diğer Araçlar

Word’den PDF’e Word'ü ücretsiz PDF'e çevirin: DOC, DOCX, ODT veya RTF yükleyin, biçimi bozulmamış PDF'i saniyeler içinde indirin. Üyelik ve filigran yok.

PDF’ten Word’e PDF'i ücretsiz Word'e çevirin: PDF yükleyin, saniyeler içinde düzenlenebilir DOCX indirin. Üyelik yok, filigran yok, kurulum gerekmez.

Kelime Sayacı Ücretsiz kelime sayacı: metninizi yapıştırın; kelime, karakter, cümle ve paragraf sayısıyla tahmini okuma süresini görün. Metin tarayıcıdan çıkmaz.

Karakter Sayacı Ücretsiz karakter sayacı: boşluklu ve boşluksuz karakter, kelime ve satır sayısını görün; başlık ve meta açıklama sınırlarını kontrol edin.

Anahtar Kelime Yoğunluğu Ücretsiz anahtar kelime yoğunluğu aracı: metin ya da adres girin; her kelime ve öbeğin kaç kez geçtiğini yüzdesiyle birlikte görün.