Phát triển Web
JS Minify / Beautify
Nén JavaScript cho production hoặc định dạng code đã nén thành dạng dễ đọc.
Quá lớn để xem trước
Quá lớn để xem trước
Minifying JavaScript strips whitespace, comments, and line breaks, and often shortens local variable names — none of that changes how the code runs, but it noticeably shrinks the file for a faster load.
How to use it
- Minify: paste JavaScript code and the tool compresses it while keeping its behavior identical.
- Beautify: paste minified code with no indentation to get a readable version for analysis or debugging.
- Beautifying is especially useful for picking apart a third-party minified script when no source map is available.
Common uses
- Quickly minifying a small script without setting up a full build tool.
- Beautifying minified code from a third-party library to understand what it does.
- Inspecting a suspicious or unclear minified script before trusting it to run.
Things to keep in mind
Minification isn't obfuscation — variables get renamed to shrink size, not to hide logic; serious obfuscation needs dedicated specialized tools.
Minified code in production without a source map is hard to debug — the line numbers in error messages won't match the original file.
Bài viết về công cụ này: Rút gọn JavaScript: sự khác biệt giữa rút gọn và làm rối mã
Câu hỏi thường gặp
Công cụ thu nhỏ sử dụng công cụ gì bên trong?
Nó sử dụng terser, một công cụ thu nhỏ và nén JavaScript được sử dụng rộng rãi, cũng hiểu cú pháp hiện đại.
Vì sao JavaScript đã thu nhỏ khó gỡ lỗi hơn?
Terser rút ngắn tên biến và hàm, loại bỏ khoảng trắng và chú thích, và vì công cụ này không tạo source map, công cụ phát triển của trình duyệt không thể ánh xạ mã đã thu nhỏ về các dòng gốc dễ đọc.
Thu nhỏ có làm hỏng mã của tôi không?
Với JavaScript hợp lệ về cú pháp, thu nhỏ giữ nguyên hành vi; nếu có lỗi cú pháp, công cụ báo dòng và cột để bạn có thể sửa trước khi thu nhỏ — mọi thứ chạy cục bộ mà không tải mã của bạn lên.
Tree shaking khác rút gọn như thế nào?
Tree shaking loại bỏ khỏi bundle những đoạn mã không được dùng ở bất kỳ đâu, bằng cách phân tích đồ thị phụ thuộc giữa các module trong quá trình build, còn rút gọn chỉ rút ngắn cách biểu diễn văn bản của mã đã có sẵn — nó không loại bỏ bất kỳ hàm nào thực sự được thực thi.
Dùng JavaScript đã rút gọn trong production mà không kiểm thử thêm có an toàn không?
Có, rút gọn là một phép biến đổi thuần cú pháp giữ hành vi của chương trình hoàn toàn giống nhau; bất kỳ sự khác biệt nào về hành vi sau khi rút gọn đều cho thấy một lỗi trong chính công cụ rút gọn, chứ không phải một thay đổi logic có chủ đích.