Thu nhỏ JavaScript
Minify JavaScript ECMAScript 2020 bằng engine Terser mà các bundler dùng, hoàn toàn trong Worker cục bộ. TypeScript và JSX bị từ chối kèm vị trí lỗi.
Mở công cụ — Thu nhỏ JavaScriptThu nhỏ JavaScript vs Định dạng JavaScript
Thu nhỏ JavaScript vs Định dạng JavaScript — khác nhau thế nào?
Trả lời ngắn gọn: JavaScript Formatter làm code dễ đọc — nó sắp lại thụt đầu dòng cho mã nguồn bị nén hoặc lộn xộn bằng hai hoặc bốn dấu cách với một trình phân tích thật, không hề thực thi. JavaScript Minifier làm code nhỏ lại — nó chạy Terser trong Worker cục bộ để xóa khoảng trắng và rút gọn cú pháp cho việc phát hành. Khả năng đọc đối lập với kích thước tải.
So sánh Thu nhỏ JavaScript và Định dạng JavaScript
| Thu nhỏ JavaScript | Định dạng JavaScript | |
|---|---|---|
| Mục đích | Minify JavaScript ECMAScript 2020 bằng engine Terser mà các bundler dùng, hoàn toàn trong Worker cục bộ. TypeScript và JSX bị từ chối kèm vị trí lỗi. | Phân tích và thụt lề lại JavaScript mà không thực thi, với 2 hoặc 4 dấu cách và báo lỗi cú pháp kèm dòng, cột. Chạy hoàn toàn trong Worker cục bộ. |
| Đầu vào | JavaScript tới ES2020 — không có TypeScript hay JSX — tối đa 256 KiB | Mã nguồn JavaScript tối đa 256 KiB, được phân tích nhưng không bao giờ thực thi |
| Đầu ra | Script đã nén kèm thống kê byte trước và sau | Mã nguồn sắp lại với thụt đầu dòng 2 hoặc 4 dấu cách, lỗi được báo theo vị trí |
| Tình huống điển hình | Phát hành: thu nhỏ script hoặc đoạn bundle cho production | Đọc: bung code bị nén để rà soát hoặc gỡ lỗi |
Khác biệt chính
Thu nhỏ JavaScript vs Định dạng JavaScript
Công việc
Tùy việc làmFormatter trình bày lại cho con người; minifier thu nhỏ cùng một ngôn ngữ cho bản phát hành production.
Đầu vào
Ở điểm này, Thu nhỏ JavaScript hơnCả hai đều nhận JavaScript thuần tới 256 KiB; minifier còn từ chối TypeScript và JSX vì Terser chỉ nhận ES2020.
Đầu ra
Tùy việc làmMinifier báo số byte tiết kiệm trên đầu ra đã rút gọn; formatter cho thấy cùng đoạn code đã sắp lại, với lỗi cú pháp chỉ đúng dòng và cột.
Phù hợp nhất cho
Tùy việc làmRà soát hoặc gỡ lỗi mã nguồn thì chọn formatter; tải trọng production thì chọn minifier.
Hai công cụ được so
Định dạng JavaScript
Phân tích và thụt lề lại JavaScript mà không thực thi, với 2 hoặc 4 dấu cách và báo lỗi cú pháp kèm dòng, cột. Chạy hoàn toàn trong Worker cục bộ.
Mở công cụ — Định dạng JavaScriptSo sánh liên quan
So sánh các công cụ Toolars khác
Câu hỏi thường gặp
Thu nhỏ JavaScript và Định dạng JavaScript khác nhau thế nào?
Formatter chỉ viết lại bố cục — thụt đầu dòng và ngắt dòng — và báo lỗi cú pháp kèm vị trí chính xác. Minifier viết lại bản thân code: chú thích bị xóa, cú pháp được rút gọn bởi Terser, số byte tiết kiệm được hiển thị. Không công cụ nào thực thi code.
Tôi có thể dùng Thu nhỏ JavaScript và Định dạng JavaScript cùng nhau không?
Có — chúng tạo thành một vòng đi-về. Hãy định dạng một tập tin bị nén để hiểu nội dung, chỉnh sửa, rồi nén kết quả cho production. Giữ bản đã định dạng làm mã nguồn; đầu ra đã nén dành cho phát hành, không phải để sửa tiếp.