RevealTheme logo

Trình thu gọn JavaScript

Thu gọn JavaScript cơ bản: loại bỏ các chú thích và khoảng trắng không cần thiết. Hãy dùng một trình thu gọn thực thụ (Terser, esbuild) cho production.

Cách sử dụng công cụ này

  1. 1

    Paste or type your JavaScript into the input textarea.

  2. 2

    The minified output appears instantly in the panel below as you type — there is no button to press.

  3. 3

    Check the size readout (original length, an arrow, and minified length) to see how much was removed.

  4. 4

    Select the text in the output box and copy it manually into your file.

Trình thu gọn JavaScript là gì?

Thu gọn JavaScript làm giảm kích thước gói và thời gian phân tích cú pháp. Công cụ này thực hiện việc loại bỏ khoảng trắng và chú thích cơ bản. Đối với các gói production, hãy dùng Terser, esbuild hoặc SWC: chúng thực hiện việc đổi tên rút gọn và loại bỏ mã chết, tạo ra đầu ra nhỏ hơn đáng kể (thường giảm từ 60 % đến 80 %).

Các trường hợp sử dụng phổ biến

  • Quickly shrinking a short, comment-heavy snippet before pasting it into a tight inline <script> tag.

  • Stripping comments out of a code sample to share a compact version in a chat or gist.

  • Estimating roughly how much comment and whitespace overhead a small file carries before setting up a real build.

  • Cleaning up a hand-written configuration object or constant block that has no strings containing slashes.

  • Demonstrating to students or teammates what basic comment and whitespace removal looks like versus a real compiler.

  • Minifying a tiny utility function for a bookmarklet where pulling in a full toolchain is overkill.

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

Nó so với Terser thì thế nào?
Terser quyết liệt hơn nhiều: đổi tên rút gọn, loại bỏ mã chết, v.v. Công cụ này chỉ loại bỏ chú thích và khoảng trắng.
Cái này có làm hỏng mã của tôi không?
Chỉ khi JS của bạn có vấn đề về cú pháp (thiếu dấu chấm phẩy ở các vị trí mơ hồ). JavaScript hiện đại thì an toàn.

Công cụ liên quan