WMW

JS/CSS压缩工具

Free

通过删除空白和注释来缩小 JavaScript 或 CSS,可选择为 JavaScript 缩短变量名,并提供前后大小统计。

完全在您的浏览器中运行。您的代码不会上传到任何地方。

评论 (0)

觉得这个工具有用吗?留下评论、分享一个小技巧,或者告诉我们如何改进它。

访客评论在发布前会经过审核。 登录 即可立即发布。

暂无评论,快来抢沙发分享您的想法吧!

此工具的功能

粘贴可读的 JavaScript 或 CSS,此工具会通过删除空白、注释,以及(针对 JavaScript,可选地)缩短局部变量名来缩小它,生成一个行为完全相同但体积更小的文件。

工作原理

此工具会使用开源的 terser 引擎(针对 JavaScript)和 clean-css(针对 CSS)将您的代码解析为抽象语法树,然后从该树重新生成最紧凑的等效源代码:去除注释和不必要的空白,在安全的情况下缩短数值和颜色值,并且在为 JavaScript 启用 mangle 时,将局部作用域的标识符重命名为可用的最短名称。由于这种转换是基于解析后的结构而非原始文本进行的,所以生成的代码行为与原始代码完全一致。

解决的问题

常见问题

›这个工具也会格式化或美化代码吗?

不会,此工具只通过删除空白和注释来压缩(缩小)代码。如果您需要可读、缩进正确的代码,请改用专门的格式化工具。

›对 JavaScript 而言,“mangle”是什么意思?

Mangle(名称压缩)会在安全的情况下将局部变量和函数参数重命名为“a”或“b”之类的短名称,从而在仅删除空白之外进一步节省字节。它绝不会重命名可全局访问的名称,因此不会破坏依赖特定全局标识符的代码。

›压缩后的代码可以安全地用于生产环境吗?

可以,压缩只会改变空白、注释,以及(可选地)局部变量名。代码的逻辑和行为会被精确保留,这也是为什么压缩后的 JavaScript 和 CSS 是生产网站的标准做法。

›为什么压缩会报错失败?

压缩工具需要有效、可解析的 JavaScript 或 CSS。如果您的输入存在语法错误,压缩工具就无法为其构建正确的内部表示。请在语法检查工具或浏览器控制台中检查代码,找出具体问题,修复后重试。

›我应该保留一份未压缩的代码副本吗?

是的。始终将原始、可读的源代码作为您编辑和维护的版本保留,并将压缩版本作为构建步骤生成。把压缩后的输出当作可随时丢弃的产物,而不是要手动编辑的文件。

相关工具