Pemiminify JS/CSS

Free

Mengecilkan JavaScript atau CSS dengan membuang ruang kosong dan komen, dengan pemendekan nama pembolehubah pilihan untuk JavaScript, dan statistik saiz sebelum/selepas.

Input

Pendekkan nama pembolehubah (mangle)

Output yang diminify

Mengenai alat ini

Membuang ruang kosong, komen dan aksara yang tidak perlu untuk mengecilkan saiz fail JavaScript atau CSS.
Tidak memformat. Untuk output yang mudah dibaca dan beriinden, gunakan alat pemformat khusus.

Aktiviti Terkini

Kelihatan kepada semua orang. 20 penggunaan terakhir merentasi semua pelawat, terbaharu dahulu.

Minified 113 characters of CSS

19 jam yang lepas

Minified 127 characters of JavaScript

19 jam yang lepas

Minified 127 characters of JavaScript

19 jam yang lepas

Komen (0)

Dapati alat ini berguna? Tinggalkan komen, kongsi petua, atau beritahu kami bagaimana kami boleh menjadikannya lebih baik.

Belum ada komen. Jadi yang pertama berkongsi pendapat anda!

Apa alat ini buat

Tampal JavaScript atau CSS yang mudah dibaca dan alat ini akan mengecilkannya dengan membuang ruang kosong, komen, dan (untuk JavaScript, secara pilihan) memendekkan nama pembolehubah tempatan, menghasilkan fail yang lebih kecil dengan tingkah laku yang sama.

Bagaimana Ia Berfungsi

Alat ini menghuraikan kod anda kepada pepohon sintaks abstrak menggunakan enjin sumber terbuka terser untuk JavaScript dan clean-css untuk CSS, kemudian menjana semula sumber setara paling padat daripada pepohon tersebut: membuang komen dan ruang kosong yang tidak perlu, memendekkan nilai berangka dan warna apabila selamat, dan, untuk JavaScript dengan mangle diaktifkan, menamakan semula pengecam skop tempatan kepada nama paling pendek yang tersedia. Oleh kerana transformasi berfungsi pada struktur yang dihuraikan dan bukan teks mentah, kod yang terhasil berkelakuan sama seperti asal.

Masalah ia selesaikan

Mengecilkan saiz fail JavaScript atau CSS untuk mempercepatkan pemuatan halaman, terutamanya sebelum penggunaan manual tanpa saluran binaan.
Menghasilkan dengan pantas bungkusan sedia untuk pengeluaran daripada satu skrip atau helaian gaya tanpa menyediakan alat binaan yang lengkap.
Melihat dengan tepat berapa kecil sesuatu fail menjadi, dengan perbandingan saiz sebelum/selepas yang tepat.

Soalan lazim

›Adakah alat ini juga memformat atau mencantikkan kod?

Tidak, alat ini hanya meminify (mengecilkan) kod dengan membuang ruang kosong dan komen. Jika anda memerlukan kod yang mudah dibaca dan beriinden betul, gunakan alat pemformat khusus sebaliknya.

›Apakah maksud "mangle" untuk JavaScript?

Mangle menamakan semula pembolehubah tempatan dan parameter fungsi kepada nama ringkas seperti "a" atau "b" di mana-mana sahaja yang selamat untuk dilakukan, yang menjimatkan bait tambahan selain daripada sekadar membuang ruang kosong. Ia tidak sekali-kali menamakan semula nama yang boleh diakses secara global, jadi ia tidak merosakkan kod yang bergantung pada pengecam global tertentu.

›Adakah kod yang diminify selamat digunakan dalam pengeluaran?

Ya, minify hanya mengubah ruang kosong, komen, dan (secara pilihan) nama pembolehubah tempatan. Logik dan tingkah laku kod dikekalkan dengan tepat, itulah sebabnya JavaScript dan CSS yang diminify adalah amalan standard di laman web pengeluaran.

›Mengapa proses minify gagal dengan ralat?

Alat minify memerlukan JavaScript atau CSS yang sah dan boleh dihuraikan. Jika input anda mempunyai ralat sintaks, alat minify tidak dapat membina perwakilan dalaman yang betul untuknya. Semak kod dalam linter atau konsol pelayar untuk mengetahui isu yang tepat, betulkan, dan cuba lagi.

›Perlukah saya menyimpan salinan kod saya yang tidak diminify?

Ya. Sentiasa simpan kod sumber asal anda yang mudah dibaca sebagai versi yang anda sunting dan selenggara, dan jana versi yang diminify sebagai langkah binaan. Anggap output yang diminify sebagai hasil yang boleh dibuang, bukan fail untuk disunting secara manual.

Memaparkan Markdown sebagai HTML langsung yang dibersihkan bersebelahan dengan sumber, dengan suis untuk melihat dan menyalin HTML yang dijana.