Utils365

Pemformat dan minifier JavaScript

Buat JavaScript yang di-minify mudah dibaca, atau perkecil skrip Anda sendiri untuk produksi.

Tempel JavaScript, buka file .js, atau letakkan di sini

Berikutnya: Pemformat JSON · Pemformat CSS

Laporkan masalah dengan alat ini

Cara menggunakan Pemformat JavaScript

  1. Tempel JavaScript Anda

    Tempel skrip, atau buka atau letakkan file .js. Langsung diformat saat Anda mengetik.

  2. Rapikan atau minify

    Rapikan memberi indentasi kode dengan 2 atau 4 spasi atau tab. Minify memendekkan nama dan menghapus spasi serta komentar.

  3. Salin atau unduh

    Salin hasilnya, atau unduh sebagai file .js. Saat minify, Anda akan melihat seberapa kecil hasilnya.

Mengapa menggunakan Utils365

  • Minifikasi sungguhan

    Terser, minifier di balik sebagian besar build tool, mengganti nama variabel lokal, menghapus kode mati, dan memendekkan ekspresi.

  • Error yang mudah ditemukan

    Error sintaks menghentikan minifier, dan Anda akan melihat baris dan kolomnya dengan kode di sekitarnya ditandai.

  • Aman untuk skrip biasa

    Nama di level teratas tidak diganti, sehingga skrip lain di halaman yang menggunakan fungsi Anda tetap berfungsi.

  • Privasi terjaga

    Kode Anda diformat di browser dan tidak pernah diunggah, sehingga kode sumber pribadi tetap pribadi.

Pertanyaan yang sering diajukan

Apa yang dilakukan minifier JavaScript?

Menghapus spasi, jeda baris, dan komentar, mengganti nama variabel lokal menjadi satu huruf, dan menulis ulang kode dengan cara lebih pendek yang fungsinya sama. Skrip sering kali menjadi setengah ukurannya atau lebih kecil.

Bisakah saya unminify JavaScript?

Pilih Rapikan untuk mengembalikan indentasi dan jeda baris agar bisa dibaca. Nama variabel asli dan komentar tidak bisa dipulihkan, karena sudah dibuang saat minify.

Apakah mendukung JavaScript modern?

Ya: class, arrow function, async dan await, optional chaining, import dan export, serta await di level teratas dalam modul.

Apakah komentar lisensi dipertahankan?

Ya. Komentar yang diawali /*! atau berisi @license atau @preserve tetap ada di kode hasil minify.

Apakah bisa untuk TypeScript atau JSX?

Tidak secara langsung. Minifier hanya membaca JavaScript standar, jadi kompilasi TypeScript dan JSX ke JavaScript terlebih dahulu, lalu tempel hasilnya.