JavaScript küçültücü
JavaScript dosyalarını küçült, tam olarak ne kadar kazandığını gör.
Tarayıcında çalışır. Yazdığın hiçbir şey bir yere gönderilmez.
- Değişken adlarını kısaltır
- Kazanılan baytları gösterir
- Hiçbir şey yüklenmez
JavaScript nasıl küçültülür
- JavaScript'ini yapıştır.
- Okunabilir tutman gerekiyorsa Sıkıştır veya Değişken adlarını kısalt'ı kapat.
- Küçültülmüş dosyayı kopyala veya indir.
Sıkıştır ve Değişken adlarını kısalt'ın her biri ne yapar
| Seçenek | Ne yapar |
|---|---|
| Sıkıştır | Ölü kodu kaldırır ve ifadeleri basitleştirir |
| Değişken adlarını kısalt | Yerel değişkenleri a, b ve c gibi kısa adlara çevirir |
Her iki durumda da aynı kalanlar
- Genel davranış: aynı girdiler yine aynı çıktıları üretir.
- Koddaki her string, kullanıcıya gösterilen herhangi bir metin dahil.
- İşlemlerin çalıştığı sıra.
- Bir /*! ... */ yorumu, çünkü Terser bu stili varsayılan olarak korur; birçok kütüphanenin lisans başlıkları için kullandığı gelenek budur.
JavaScript küçültme ipuçları
- Üretim hataları hâlâ okunabilir olsun diye küçültülmemiş bir kopya sakla, veya derleme aracında bir source map oluştur.
- Başka geliştiricilerin okuyacağı bir kütüphane için Değişken adlarını kısalt'ı kapat, böylece hata mesajları anlamlı adları korur.
- Yaygın kullanılsa bile bir küçültücüdeki nadir bir uç durum hâlâ mümkün olduğundan, göndermeden önce küçültülmüş çıktıya karşı testleri çalıştır.
JavaScript küçültücü SSS
Küçültülmüş JavaScript hâlâ geçerli kod mu?
Evet. Orijinaliyle tamamen aynı şekilde çalışır, sadece daha kısa adlarla ve ekstra boşluk olmadan.
JavaScript genelde ne kadar küçülür?
Genelde yüzde 30 ile 60 arası, orijinalin kaç yorum ve uzun değişken adı içerdiğine bağlı olarak.
Kodumda bir sözdizimi hatası varsa ne olur?
Hata, oluştuğu satır ve sütunla birlikte gösterilir, bu yüzden düzeltip tekrar deneyebilirsin.
Sıkıştır ile Değişken adlarını kısalt arasındaki fark ne?
Sıkıştır, ölü dalları kaldırmak ve ifadeleri basitleştirmek için kodu yeniden yazar. Değişken adlarını kısalt, yerel değişkenleri tek harfe çevirir. İkisini de ayrı ayrı kapatabilirsin.
Bu, async ve ok fonksiyonları gibi modern sözdizimini küçültebilir mi?
Evet, isteğe bağlı zincirleme ve async veya await gibi ES2020 ve sonrası sözdizimi dahil.
Bu hangi küçültücüyü kullanıyor?
UglifyJS'in standart halefi ve webpack, Rollup ve esbuild dahil çoğu paketleyicinin varsayılan olarak kullandığı küçültücü olan Terser.
Küçültme kodumu bozabilir mi?
Normal kod için davranışı değiştirmemesi gerekir. Örneğin standart olmayan iç gözlem numaralarıyla çalışma zamanında bir fonksiyonun veya değişkenin orijinal adını okuyan kod, adlar kısaltıldığında bozulabilir. Bu senin için geçerliyse Değişken adlarını kısalt'ı kapat.
TypeScript sözdizimini destekliyor mu?
Hayır, bu düz JavaScript bekler. TypeScript'in tür açıklamaları geçerli JavaScript değildir ve burada bir sözdizimi hatasına neden olur, bu yüzden önce TypeScript'i JavaScript'e derle.