JavaScript Minifier

Giới thiệu công cụ này

Vậy là bạn có một đoạn mã JavaScript. Có thể là vài trăm dòng. Có thể là một mớ hỗn độn. Dù sao thì, bạn cũng muốn nó nhỏ hơn. Nhanh hơn. Ít gây khó chịu cho trình duyệt hơn khi xử lý. Đây chính là lúc cần tới công cụ nén JavaScript. Thành thật mà nói—không ai thích cuộn qua cuộn lại mã lỗi thời chỉ để tải một trang web. Công cụ nén sẽ loại bỏ phần rác: khoảng trắng thừa, chú thích, xuống dòng, thậm chí cả tên biến dài (nếu bạn cho phép). Kết quả là một phiên bản gọn gàng, hiệu quả và được nén của tập lệnh của bạn, vẫn thực hiện đúng chức năng nhưng có trọng lượng nhẹ hơn. Đây không phải là phép thuật. Chỉ là việc dọn dẹp thôi. Nhưng khi mỗi kilobyte đều quan trọng—đặc biệt là trên thiết bị di động hoặc kết nối chậm—thì bước nhỏ này có thể tạo ra sự khác biệt rõ rệt.

Tính năng chính

Loại bỏ khoảng trắng – Xóa bỏ các khoảng trắng, tab và xuống dòng không cần thiết.
Xóa chú thích – Loại bỏ các ghi chú và TODO của bạn để chúng không làm phình to tệp.
Rút gọn tên biến – Chuyển userProfileData thành a (nếu được bật). Tiết kiệm byte, nhưng làm giảm khả năng đọc mã—tùy bạn quyết định.
Loại bỏ mã chết – Một số công cụ có thể phát hiện các hàm không dùng đến hoặc các khối mã không thể truy cập và loại bỏ chúng.
Biến đổi an toàn – Các công cụ nén tốt sẽ tránh làm hỏng mã của bạn. Chúng biết không nên đụng vào chuỗi hoặc các mẫu biểu thức chính quy.
Hỗ trợ bản đồ nguồn (source map) – Cho phép bạn gỡ lỗi mã nguồn gốc ngay cả sau khi đã nén. Đây là lợi thế lớn trong quá trình phát triển.
Tích hợp CLI và công cụ xây dựng – Hoạt động với các công cụ như Webpack, Gulp, hoặc chỉ đơn giản là một lệnh trong terminal.

Câu hỏi thường gặp

Việc nén có làm hỏng mã của tôi không?
Thông thường là không—nếu bạn sử dụng công cụ đáng tin cậy như Terser hoặc UglifyJS. Nhưng các tùy chọn quá mức (như đổi tên biến) có thể gây ra vấn đề nếu bạn dựa vào tên thuộc tính động hoặc các tập lệnh bên ngoài. Luôn kiểm tra kết quả mã đã nén của bạn.

Tôi có nên nén mã trong quá trình phát triển không?
Không. Hãy giữ mã của bạn dễ đọc trong khi làm việc. Chỉ nén khi triển khai sản phẩm. Sử dụng bản đồ nguồn để bạn vẫn có thể gỡ lỗi khi có vấn đề xảy ra.