Minifikuje JavaScript za pomocą Terser — usuwa komentarze i odstępy, skraca nazwy zmiennych lokalnych i upraszcza wyrażenia — albo odwrotnie, przywraca zminifikowanemu kodowi czytelną postać. Ponieważ Terser to prawdziwy parser, nowoczesna składnia (funkcje strzałkowe, klasy, opcjonalne łączenie) jest obsługiwana poprawnie, a błąd składni daje czytelny komunikat zamiast zepsutego wyniku.
Minifikacja a formatowanie
Minifikacja zmniejsza Twój JavaScript do najmniejszego działającego rozmiaru — usuwając komentarze i białe znaki, skracając nazwy zmiennych lokalnych i upraszczając wyrażenia. Korzysta z Terser, prawdziwego parsera JavaScript, więc nowoczesna składnia (funkcje strzałkowe, literały szablonowe, klasy, opcjonalne łańcuchowanie) jest obsługiwana poprawnie, a nie psuta przez naiwne zamienianie tekstu; jeśli Twój kod zawiera błąd składni, otrzymasz czytelny komunikat wskazujący jego miejsce. Formatowanie robi coś przeciwnego, ponownie dodając wcięcia w zminifikowanym lub nieuporządkowanym kodzie, aby znów był czytelny.
Jak korzystać z Minifikatora JavaScript
- Wklej — wklej JavaScript, który chcesz zminifikować lub sformatować, do górnego pola.
- Wybierz wcięcie — wybierz 2 spacje, 4 spacje lub tabulator (dotyczy tylko wyniku formatowania i nie wpływa na minifikację).
- Uruchom — naciśnij przycisk „Minifikuj” lub „Formatuj”. Przy pierwszym naciśnięciu „Minifikuj” biblioteka Terser zostaje jednorazowo pobrana, a następnie uruchomiona.
- Kopiuj — sprawdź odczyt zmniejszonego rozmiaru i przyciskiem „Kopiuj” umieść wynik w schowku.
Czy nowoczesna składnia (funkcje strzałkowe, klasy itp.) jest bezpiecznie minifikowana?
Tak. Minifikacja odbywa się za pomocą prawdziwego parsera JavaScript Terser, więc nowoczesna składnia ES, taka jak funkcje strzałkowe, literały szablonowe, klasy, opcjonalne łańcuchowanie czy dekonstrukcja, jest poprawnie rozumiana i przetwarzana. Zachowywane są bez zmian również elementy, które naiwne zamienianie tekstu mogłoby zepsuć — na przykład literały wyrażeń regularnych czy tekst wyglądający jak komentarz wewnątrz łańcucha znaków.
Czy minifikacja zmienia działanie kodu?
Nie. Terser wykonuje wyłącznie przekształcenia zachowujące działanie kodu — skracanie nazw zmiennych lokalnych, usuwanie martwego kodu i upraszczanie wyrażeń przebiegają bezpiecznie, tak aby wynik pozostał identyczny. Identyfikatory widoczne na zewnątrz, takie jak nazwy zmiennych i funkcji globalnych, nie są jednak zmieniane samowolnie, ponieważ może się do nich odwoływać inny kod.
Co się stanie, gdy w kodzie jest błąd składni?
Ponieważ Terser faktycznie parsuje kod, w razie błędu składni — na przykład niedopasowanych nawiasów lub nieprawidłowego tokenu — przerywa minifikację i wyświetla czytelny komunikat wskazujący miejsce problemu (wiersz i kolumnę). Zamiast po cichu zwracać błędny wynik, informuje, co należy poprawić, więc wystarczy naprawić wskazane miejsce i spróbować ponownie.
Czy mój kod jest przesyłany? Skąd krótka pauza przy pierwszej minifikacji?
Nic nie jest przesyłane — wszystko działa w Twojej przeglądarce. Minifikator Terser to duża biblioteka, więc aby ta strona ładowała się szybko, jest pobierany dopiero przy pierwszym naciśnięciu przycisku Minifikuj (możesz raz zobaczyć krótką pauzę „Minifikowanie…”); potem jest zapisany w pamięci podręcznej. Formatowanie jest natychmiastowe. Po zakończeniu odczyt rozmiaru pokazuje, ile bajtów zaoszczędziła minifikacja, a przycisk Kopiuj umieszcza wynik w schowku.