Lompat ke konten
Aback Tools Logo

Kompresor JavaScript dengan Source Map

Minifikasi JavaScript dan buat file Source Map v3 online secara gratis - tanpa alat build. Kompresor JavaScript dengan source map kami menghasilkan .min.js untuk produksi dan file .map untuk debugging, keduanya dapat diunduh sebagai ZIP. Berjalan sepenuhnya di browser Anda, sehingga kode Anda tidak pernah keluar dari perangkat. Tanpa pendaftaran.

JavaScript Compressor with Source Map
Minify JavaScript and generate a source map file - download both the compressed .min.js and its .map file. Runs entirely in your browser - your code never leaves your device.

JavaScript Input

Any JavaScript - ES5, ES6+, modules, scripts

Minified JS Output

Read-only - copy or download the minified output

About source maps

Source maps let browser DevTools map minified code back to the original source for debugging. Deploy the .min.js to production and keep the .map file on your server - the //# sourceMappingURL comment in the minified file tells DevTools where to find it.

Mengapa Memakai Kompresor JavaScript dengan Source Map Kami?

  • Minifikasi JS dengan Source Map Instan: kompresor JavaScript dengan source map kami meminifikasi kode Anda dan membuat file Source Map v3 yang valid seketika di browser - tanpa bolak-balik ke server, tanpa alat build. Dapatkan .min.js dan .map dalam hitungan detik, siap diterapkan ke produksi.
  • Kompresor JavaScript Online yang Aman: kode JavaScript Anda tidak pernah keluar dari perangkat. Kompresor JavaScript dengan source map online kami berjalan sepenuhnya di sisi klien - tidak ada kode yang diunggah ke server mana pun. Minifikasi logika bisnis proprietari, integrasi API, atau kode aplikasi sensitif dengan tenang, tanpa risiko privasi.
  • Pembuatan Source Map v3: kompresor JavaScript kami menghasilkan file JSON Source Map v3 yang sepenuhnya valid dengan pemetaan berenkode Base64 VLQ, sourcesContent tersemat, dan komentar sourceMappingURL yang benar. DevTools browser dapat memakai peta untuk menampilkan sumber asli saat debugging - bahkan di produksi.
  • 100% Gratis Selamanya: gunakan kompresor JavaScript dengan source map kami sepenuhnya gratis, tanpa biaya tersembunyi, pendaftaran, iklan, dan batas penggunaan. Minifikasi dan buat source map online sebanyak yang Anda butuhkan - untuk proyek pribadi, pekerjaan profesional, atau penggunaan perusahaan. Gratis selamanya.

Apa Itu Kompresor JavaScript dengan Source Map?

Kompresor JavaScript dengan source map adalah alat yang meminifikasi kode JavaScript untuk mengurangi ukuran file sekaligus menghasilkan file Source Map v3 yang memetakan posisi di keluaran terminifikasi kembali ke sumber asli. Ini memungkinkan DevTools browser menampilkan kode sumber asli yang mudah dibaca saat debugging, bahkan ketika menyajikan JavaScript terminifikasi di produksi. Kompresor JavaScript dengan source map online gratis kami mengimplementasikan minifier berbasis tokenizer dan encoder source map Base64 VLQ, berjalan sepenuhnya di browser Anda tanpa unggah ke server.

Cara Kerja Kompresor JavaScript dengan Source Map Kami

  1. 1 Tempel atau unggah JavaScript Anda: masukkan JavaScript di panel input atau klik "Unggah .js" untuk memuat file. Tetapkan nama file - nama ini dipakai di field sources pada source map dan pada nama file keluaran.
  2. 2 Konfigurasi dan minifikasi: pilih opsi minifikasi Anda (hapus komentar, rapatkan spasi, hapus console.log, hapus debugger). Klik "Minifikasi + Buat Source Map" - semua pemrosesan terjadi secara lokal di browser Anda dengan privasi penuh.
  3. 3 Unduh kedua file: unduh file .min.js dan .map secara terpisah, atau klik "Unduh Keduanya (.zip)" untuk mendapatkannya bersamaan. Terapkan .min.js ke server Anda dan letakkan file .map pada jalur yang sama - komentar di file terminifikasi memberi tahu DevTools tempat menemukannya.

Apa yang Diminifikasi

  • Komentar Dihapus: komentar satu baris ( // ) dan multi-baris dihapus dari keluaran, mengurangi ukuran file tanpa memengaruhi fungsionalitas.
  • Spasi Dirapatkan: spasi, tab, dan baris baru yang tidak perlu antar token dihapus. Spasi yang diperlukan antara kata kunci dan identifier dipertahankan agar sintaks JavaScript tetap valid.
  • String Dipertahankan: literal string, template literal, dan ekspresi reguler dipertahankan secara verbatim - minifier tidak pernah mengubah isi string, sehingga mencegah kerusakan tak sengaja.
  • Source Map Dibuat: file JSON Source Map v3 dengan pemetaan berenkode Base64 VLQ, sourcesContent tersemat, dan komentar sourceMappingURL yang benar dibuat bersama keluaran terminifikasi.

Cara Memakai Source Map di Produksi

Terapkan script.min.js ke server web atau CDN Anda. Letakkan script.min.js.map pada jalur URL yang sama (misalnya /js/script.min.js.map). Komentar di akhir file terminifikasi memberi tahu DevTools browser tempat mengambil peta. Di Chrome DevTools, buka panel Sources - Anda akan melihat file sumber asli tercantum di bawah domain. Demi keamanan, Anda dapat membatasi akses ke file .map memakai aturan server sehingga hanya pengembang yang dapat mengaksesnya.

Pertanyaan yang Sering Diajukan

Kompresor JavaScript dengan source map adalah alat yang meminifikasi JavaScript untuk mengurangi ukuran file dan menghasilkan file Source Map v3 yang memetakan posisi di keluaran terminifikasi kembali ke sumber asli. Kompresor JavaScript dengan source map online gratis kami berjalan sepenuhnya di browser Anda - tanpa unggah ke server.

Kompresor JavaScript dengan source map kami memakai pendekatan berbasis tokenizer yang mempertahankan semua literal string, template literal, dan ekspresi reguler secara verbatim. Komentar dan spasi dihapus, dan spasi antar kata kunci dipertahankan. Uji keluaran terminifikasi sebelum menerapkan ke produksi.

Tentu. Kompresor JavaScript dengan source map kami memproses semuanya secara lokal di browser Anda. Kode Anda tidak pernah diunggah ke server mana pun, tidak pernah disimpan dari jarak jauh, dan tidak pernah keluar dari perangkat Anda.

Ya - 100% gratis, selamanya. Tanpa pendaftaran, akun, paket premium, batas penggunaan, dan iklan.

Source Map v3 adalah file JSON yang memetakan posisi di kode terminifikasi kembali ke sumber asli menggunakan data posisi berenkode Base64 VLQ. DevTools browser memakainya untuk menampilkan kode sumber asli di panel Sources - sehingga kode produksi terminifikasi bisa di-debug.

Letakkan file .map pada jalur URL yang sama dengan file .min.js. Komentar //# sourceMappingURL di akhir file terminifikasi memberi tahu DevTools tempat mengambil peta. Anda dapat membatasi akses ke file .map memakai aturan server.

Kompresor JavaScript dengan source map kami menawarkan: hapus komentar, rapatkan spasi, hapus panggilan console.log(), dan hapus pernyataan debugger. Literal string dan template literal selalu dipertahankan secara verbatim.

Terser dan UglifyJS adalah minifier berbasis AST lengkap yang mencapai kompresi 30-50% lebih baik lewat penggantian nama variabel dan eliminasi kode mati. Alat kami memakai pendekatan berbasis tokenizer yang lebih cepat dan sederhana. Gunakan alat kami untuk tugas sekali jalan; gunakan Terser di pipeline build Anda untuk produksi.

Kompresor JavaScript dengan source map kami hanya bekerja pada JavaScript. Untuk meminifikasi TypeScript, kompilasi dulu ke JavaScript memakai tsc, lalu minifikasi keluaran .js hasil kompilasi dengan alat kami.