onlinetools.dev

Perapi & Minifier JavaScript

Percantik JavaScript atau minifikasi dengan kompresi dan penyingkatan nama sungguhan

Berjalan lokal
loading…
Tentang alat ini

Percantik JavaScript dengan indentasi dan spasi yang konsisten — bentangkan bundel bawaan agar terbaca apa sebenarnya yang ia lakukan, atau bereskan kode yang ditempel dari konsol. Minifiernya barang sungguhan: Terser mengurai kode Anda menjadi AST, membuang kode mati, memendekkan nama variabel lokal, dan mencabut komentar — mesin yang sama dengan yang dipakai bundler di produksi.

Karena minifikasinya berbasis AST, ia tak pernah merusak kode yang berfungsi seperti yang bisa dilakukan “kompresor” berbasis regex: string, literal templat, regex, dan kasus tepi ASI ditangani oleh pengurai sungguhan. Galat sintaksis dilaporkan beserta posisinya alih-alih menghasilkan keluaran yang rusak.

Terser baru dimuat saat Anda pertama kali meminifikasi, sehingga halamannya tetap ringan, dan semuanya berjalan di dalam browser Anda — kode sumber berpemilik tidak pernah meninggalkan mesin Anda.

Pertanyaan yang sering diajukan

Seberapa kecil kode saya nantinya?
Kode tulisan tangan biasanya susut 30–60% sebelum gzip: spasi, komentar, dan nama lokal yang panjang memang seberat itu. Kode yang sudah dibundel menyusut jauh lebih sedikit — ia sudah pernah melewati transformasi yang sama.
Apakah minifikasi mengubah perilaku?
Pemampatan dan pemendekan nama mempertahankan semantik: hanya nama lokal yang diganti, dan penyingkiran kode mati hanya membuang cabang yang terbukti tak mungkin dijalankan. Pengecualian klasiknya adalah kode yang mengandalkan Function.prototype.name atau toString() atas fungsinya sendiri.
Bisakah ini membuka kembali kode produksi dari sebuah situs?
Perapinya memulihkan spasi dan struktur sehingga alur kendalinya terbaca — tetapi nama variabel asli dan komentar hilang selamanya; yang Anda lihat adalah a, b, c. Untuk debugging yang serius, lebih baik pakai source map bila situs itu menyertakannya.
Apakah ia mendukung TypeScript atau JSX?
Tidak — keduanya butuh pengurai sendiri. Kompilasi dulu ke JavaScript (tsc, esbuild), lalu rapikan atau minifikasi keluarannya di sini.
Alat terkait