JS/CSS Minifier
JS/CSS Minifier — berjalan dalam pelayar. Input tidak disimpan.
Minify asas JS / CSS
Masukkan nilai, kemudian tekan Kira.
Hanya membuang ulasan dan ruang kosong. Bukan pengganti pengaburan lanjutan atau pembungkus.
Cara guna
- Di mode, pilih JavaScript atau CSS. Lalai JavaScript.
- Tampal kode yang akan diminify ke sumber.
- Tekan Minify. Kode dengan komentar dan whitespace dikurangi muncul di hasil.
- Di statistik di atas, bandingkan jumlah karakter asli dan diminify.
- Salin hasil mengambilnya. Reset mereset sumber, hasil, dan angka, serta mengembalikan mode ke JavaScript.
Konsep utama
Minify JS/CSS adalah penciut ringan yang menghapus komentar dan whitespace untuk menghemat sedikit ukuran tepat sebelum deploy. Mode JavaScript menghapus komentar blok dan baris lalu merekatkan spasi di sekitar kurung dan operator; mode stylesheet menghapus komentar blok lalu merekatkan spasi antara selektor dan kurung. Tidak mengaburkan nama, tree-shake, atau menganalisis cakupan, jadi tidak menggantikan bundler atau Terser. Cocok untuk memperkirakan byte pada cuplikan kecil.
Angka asal dan diminify adalah panjang string input/output. Garis miring dalam literal regex atau pola mirip komentar di dalam string boleh salah dibaca, jadi sumber kompleks lebih aman diminify di pipeline build. Minify JS/CSS tidak memuat naik fail; hanya mengganti di pelayar. Bukan alat kualitas bundel produksi, melainkan pembantu untuk memendekkan draf penuh komentar dan membandingkan. Jika keluaran minify kelihatan rusak, periksa mode, dan jaga pengperaturan bundel yang ada untuk salinan deploy akhir. Setelah anda memperkirakan selisih ukuran pada fungsi pendek atau satu blok peraturan, salin.
Contoh
Dalam mode JavaScript, tampal function hello() { /* greet */ console.log("hi"); } dan minify: komentar dan whitespace hilang dan merekat menuju satu baris. Jumlah karakter asal dan diminify diperbarui di statistik.
Berkaitan: Pemformat JS/CSS · Pemformat HTML · Pemformat JSON
Soalan lazim
Apakah minify JS/CSS sama dengan bundler atau Terser?
Tidak. Hanya menghapus komentar dan whitespace dengan regex. Tidak memendekkan nama variabel atau menghapus kode mati.
Mengapa memisah mode JavaScript dan CSS di minify JS/CSS?
JavaScript menangani komentar baris dan spasi operator; stylesheet memperlakukan spasi selektor/kurung dan titik koma ekstra berbeda.
Apa angka asal dan diminify setelah minify JS/CSS?
Jumlah karakter sumber input dan hasil output. Menunjukkan penyusutan sebagai panjang string, bukan kilobyte.
Bolehkah simbol mirip komentar di dalam string merusak minify JS/CSS?
Ya. Substitusi sederhana boleh mengira // di dalam regex atau string sebagai komentar, jadi guna minifier khusus untuk sumber penting.
Apakah sumber minify JS/CSS dimuat naik ke pelayan?
Tidak. Minify, salin, dan reset semua selesai di pelayar. Tiada muat naik fail.
Apakah Reset minify JS/CSS juga mengubah mode?
Ya. Mengatur sumber, hasil, dan angka asli/diminify kembali ke 0 dan mengembalikan mode ke JavaScript.
Disemak terakhir: 2026-09-04