JavaScript 压缩工具
JavaScript 压缩工具是一款免费的在线工具,用于压缩 JS 代码以减小文件体积。它由行业标准的 ES6+ 压缩引擎 Terser 驱动,会删除空白、缩短变量名、消除死代码并清除调试语句,生成精简、可直接上线的输出。
为什么要压缩 JavaScript
加载与解析更快
更小的包体积
更干净的生产代码
如何压缩 JavaScript
粘贴或上传 JS
在左侧输入面板中键入或粘贴脚本,或点击 上传 载入 .js 文件。按 示例 即可加载示例代码。
配置 Terser 选项
开启 Mangle、Compress、Drop console 和 Drop debugger,以调节代码的优化力度。
压缩
点击 压缩 或按 Ctrl + Enter。Terser 处理代码后,结果会立即显示在输出面板中。
查看并导出
在统计栏查看原始大小、压缩后大小和节省比例。然后 复制 输出或将其 下载 为文件。
优化与功能
Terser 选项详解
每个选项都对应 Terser 的一种转换。它们协同工作,可处理现代 ES6+ 语法并生成可靠的生产输出。
| 选项 | 作用 | 默认 |
|---|---|---|
| Mangle | 缩短局部变量和函数名(例如 userName → a) | 开启 |
| Compress | 执行死代码消除及数十项体积优化 | 开启 |
| Drop console | 删除所有 console.* 调用 | 关闭 |
| Drop debugger | 删除 debugger 语句 | 开启 |
生产级引擎
完整支持 ES6+
Terser 能理解箭头函数、类、模板字符串、async/await 等现代语法。
调试清理
删除控制台输出和 debugger 断点,使它们绝不会进入生产环境。
压缩统计
每次运行后查看原始大小、压缩后大小及节省百分比。
上传或粘贴
从磁盘载入 .js 文件或直接粘贴代码,随你选择。
常见问题
我的代码会被发送到服务器吗?
不会。Terser 在你的浏览器本地运行。你的 JavaScript 绝不会被上传、记录或存储在任何地方。
"Mangle" 有什么作用?
Mangle 会缩短局部变量和函数名——例如把 myVariable 改成 a——以减小文件体积而不改变代码行为。它只重命名不对外暴露的标识符。
生产环境应该开启 "Drop console" 吗?
通常应该。删除 console.log 调用可减小文件体积,并防止调试信息泄露给用户。如果你的应用在生产环境中有意输出到控制台,则保持关闭。
使用的是哪个压缩引擎?
本工具采用 Terser——使用最广泛的 JavaScript 压缩工具,也是许多现代打包器背后的引擎。它完整支持 ES6+ 语法。
它会破坏我的代码吗?
Terser 非常可靠,但激进的 mangle 可能影响在运行时依赖标识符名称的代码(例如某些反射或序列化技巧)。部署前请务必测试压缩后的输出,并保留原始源代码。
还没有评论,快来发表第一条!