Minifier JavaScript
Minify JavaScript dengan Terser: menghapus spasi dan komentar, memperpendek nama variabel lokal, dan menerapkan kompresi aman. Berjalan di browser Anda.
Berjalan sepenuhnya di browser Anda. Data Anda tidak pernah diunggah.
Alat Terkait
Lihat SemuaApa 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
- Tempel JavaScript Anda ke kotak input.
- Klik Minify (keluaran juga diperbarui saat Anda mengetik).
- Periksa baris ukuran di bawah keluaran.
- Salin atau unduh kode yang sudah di-minify.
Contoh
function add(first, second) {
return first + second;
}
console.log(add(1, 2)); 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.