Minifier JavaScript

Minify JavaScript dengan Terser: menghapus spasi dan komentar, memperpendek nama variabel lokal, dan menerapkan kompresi aman. Berjalan di browser Anda.

Keluaran

Berjalan sepenuhnya di browser Anda. Data Anda tidak pernah diunggah.

Alat Terkait

Lihat Semua

Apa itu Minifier JavaScript?

Minifier JavaScript mengompres JavaScript modern (ES2015+) dengan Terser, minifier yang dipakai webpack dan Vite. Ia menghapus spasi dan komentar, mengganti nama variabel lokal menjadi nama pendek, dan menyederhanakan ekspresi.

Cara menggunakan Minifier JavaScript

  1. Tempel JavaScript Anda ke kotak input.
  2. Klik Minify (keluaran juga diperbarui saat Anda mengetik).
  3. Periksa baris ukuran di bawah keluaran.
  4. Salin atau unduh kode yang sudah di-minify.

Contoh

Masukan
function add(first, second) {
  return first + second;
}
console.log(add(1, 2));
Keluaran
function add(d,n){return d+n}console.log(add(1,2));

Kapan menggunakan Minifier JavaScript

Pakai untuk skrip kecil, bookmarklet, blok <script> inline, atau pengecekan ukuran cepat. Untuk aplikasi, biarkan bundler Anda me-minify dengan source map. Alat ini tidak men-transpile TypeScript atau JSX – hapus tipe terlebih dahulu.

Cara kerja Minifier JavaScript

Kode di-minify dengan terser.minify dengan compress dan mangle aktif dan semua komentar dihapus. Terser mem-parse menjadi AST, meng-inline konstanta, menghapus kode mati dan variabel tak terpakai di scope lokal, dan mengganti nama identifier lokal fungsi. Nama tingkat atas tidak di-mangle, sehingga fungsi global mempertahankan namanya. Error sintaks dilaporkan dengan baris dan kolom.

Kasus Penggunaan Umum

  • Me-minify skrip mandiri untuk situs statis
  • Membuat bookmarklet yang ringkas
  • Memeriksa seberapa kecil sebuah fungsi pustaka
  • Menghapus komentar sebelum menyematkan kode

Catatan Keamanan

Semuanya berjalan secara lokal di browser Anda; kode yang Anda tempel tidak diunggah.

Pertanyaan Umum

Mengapa nama variabel tingkat atas saya tidak dipersingkat?

Nama tingkat atas mungkin dipakai skrip lain, jadi Terser mempertahankannya secara default.

Apakah mendukung TypeScript atau JSX?

Tidak, input harus JavaScript biasa.

Apakah source map dibuat?

Tidak; pakai alat build Anda bila butuh source map.

Langkah berikutnya yang disarankan

Jelajahi kategori lainnya