JavaScript 压缩工具

使用方法

1. 1 将 JavaScript 代码粘贴到左侧输入框。
2. 2 开启/关闭 Mangle、Compress 选项，并选择注释处理策略。
3. 3 点击 Minify —— 立即查看压缩前后的大小对比。

为什么使用此工具

• 采用 terser 引擎 —— webpack、Rollup 和 Vite 都在使用的同款压缩器。
• 懒加载设计 —— 仅在点击 Minify 时才加载 terser，保持页面轻量。
• 同步展示大小对比，让你清楚看到实际节省了多少空间。
• 完全在客户端运行 —— 你的代码永远不会离开浏览器。

常见问题

什么是 JavaScript 压缩工具？

JavaScript 压缩工具用于精简 JavaScript 源代码，从而减小文件体积、加快加载速度。该工具基于 terser 构建，支持自定义变量名混淆（mangle）、代码压缩以及注释处理策略，并实时显示压缩前后的大小对比。整个过程完全在浏览器本地运行，源代码不会上传至任何服务器。

功能特性

示例

function add(a, b) {
  // sum two numbers
  return a + b;
}

function add(n,d){return n+d}

常见使用场景

1. 1

   上线前精简脚本

   减少独立 JS 文件的体积,加快页面加载速度。

2. 2

   快速一次性压缩

   无需搭建构建工具即可压缩代码片段。

3. 3

   对比压缩设置

   切换 mangle/compress 选项,观察体积变化以调整输出效果。

参考资料

• Terser — JavaScript 混淆与压缩工具 — GitHub
• Minification — MDN Web Docs 词汇表 — MDN

相关工具