terser.org
T
Terserterser.org
Terser官网截图
点击查看大图

专注前端JS代码优化工具,支持代码压缩、混淆、Tree-shake,覆盖前端项目打包、生产环境部署、代码体积优化场景,累计服务超8万前端开发者,可将代码体积压缩至原大小的30%以内,让项目加载更顺畅。

核心功能

JS压缩
精简JS代码体积,移除冗余空格换行与注释内容
代码混淆
对变量函数名进行混淆替换,降低代码可读性
Tree-shake
剔除未使用的代码模块,优化最终打包体积
语法转换
兼容新版JS语法,转换为低版本兼容代码
代码校验
自动检测代码语法错误,提前排查基础问题
源映射
保留原始代码映射关系,便于调试压缩后代码
模块打包
整合多模块代码,生成统一的压缩输出文件
格式优化
统一代码排版格式,保持输出代码整洁规范
性能优化
优化代码执行逻辑,提升前端页面加载运行效率

使用指南

  1. 1

    打开Terser官网,进入在线工具页面

  2. 2

    粘贴需要处理的JavaScript代码到输入框

  3. 3

    选择需要开启的压缩混淆功能选项

  4. 4

    点击执行压缩按钮生成处理后的代码

  5. 5

    查看预览结果,确认代码功能未受影响

  6. 6

    下载生成的压缩代码或复制到项目中使用

  7. 7

    如需调试可开启源映射功能辅助排查问题

优势亮点

  • 支持最新ES语法压缩适配

  • 内置完善的Tree-shake优化功能

  • 提供在线工具与API两种使用方式

  • 保留源映射便于后期调试代码

使用须知

定价: Terser核心功能永久免费,个人开发者与中小团队可直接使用全部基础压缩功能。如需企业级定制服务或API集成支持,具体收费标准以官网为准,可根据团队规模与使用需求咨询官方获取对应报价方案。

价格和授权政策可能变化,请以官网最新信息为准

访问第三方网站时,请注意以下事项:

  • 谨慎提供个人账号、密码和支付信息
  • 下载文件前确认来源安全,警惕诱导性广告
  • 涉及版权素材使用时,请核实授权范围
  • 如遇网站无法访问或内容异常,可反馈给我们

常见问题

正常配置下压缩仅会移除冗余内容,不会改变代码逻辑,只要原始代码无错误,压缩后可正常运行,建议压缩前备份原始代码。

在Terser官网工具页面的配置选项中,找到Tree-shake相关开关并勾选,即可启用未使用代码剔除功能。

Terser支持ES5到ES2024的大部分JS语法,可自动转换部分高版本语法至低兼容版本。

开启源映射功能生成对应的.map文件,即可在浏览器调试工具中关联原始代码进行排查。

官网在线工具单次仅支持单文件处理,如需批量压缩可通过Terser提供的Node.js包集成到构建流程中。

Terser对现代ES语法支持更完善,Tree-shake功能更贴合前端工程化需求,整体配置也更为灵活。

深度了解

Terser是一款专业的JavaScript代码压缩优化工具,专注于帮助前端开发者精简代码体积、提升网页加载性能。作为当前主流的前端构建工具之一,它能够适配绝大多数现代前端项目的代码优化需求,为开发者提供轻量化的代码处理方案。Terser拥有多项核心功能,除基础的JS代码压缩外,还支持代码混淆、Tree-shake未使用代码剔除、ES语法转换、源映射保留等能力,可根据不同项目需求灵活配置处理规则。其适用场景覆盖前端项目打包前的代码优化、线上脚本轻量化处理、开源库代码体积缩减等多个方面,无论是个人开发者还是中小团队都能快速上手使用。相较于同类JS压缩工具,Terser在ES6+语法支持上表现更出色,同时保留了源映射调试功能,解决了压缩后代码难以排查问题的痛点。另外它既提供在线网页工具供快速处理,也支持通过Node.js包集成到项目构建流程中,适配不同使用习惯的开发者。对于前端开发者来说,根据自身项目规模选择合适的工具配置,可以有效降低前端资源的网络传输成本,提升用户访问体验。

访问第三方网站时,请注意账号、隐私与支付安全