最近有朋友问我，Mac上有没有那种不用折腾命令行、点几下就能把代码压小的工具。说实话我一开始也是抱着试试看的心态装了Smaller for Mac(代码压缩工具)，结果用下来还真挺顺手。这篇就按我自己的使用顺序，从安装、界面、实际压缩效果到几个容易踩坑的地方，跟大伙儿唠唠这款代码压缩工具到底值不值得留在电脑里。你要是前端、写页面的、或者自己搭站折腾静态资源的，往下看应该能省点时间。
为啥Mac上要专门装个代码压缩工具
平时写完HTML、CSS、JS，文件里全是空格、换行、注释，自己看着舒服，浏览器加载可就多背了不少体积。尤其是做落地页、活动页这种，资源越小打开越快，用户等两秒就跑了。手动删空格不现实，在线压缩站又怕代码传上去不安全。这时候本地跑的Smaller for Mac(代码压缩工具)就派上用场了，离线处理，拖进去就出结果，省心。我之前也用过几个在线工具，传大文件经常卡住，还得等服务器排队，换成Smaller for Mac之后基本是秒出，体验差别挺明显。
安装和第一次打开的感受
安装没啥好说的，拖进应用程序文件夹就行，Mac老用户都懂。第一次打开界面比我想的干净，没有一堆花里胡哨的按钮，左边选文件或者拖拽，右边直接看压缩前后的对比。我特意拿一个带注释的CSS文件试了下，压缩完注释全没了，空格也收得干干净净，体积从几十KB掉到十几KB，肉眼可见地瘦了。这里提醒一句，Smaller for Mac(代码压缩工具)默认会保留代码可读性相关的设置，如果你要极致压缩，记得去设置里把相关选项调一下，不然效果没拉满。
实际压缩HTML、CSS、JS的表现
我分别拿三种文件测了。HTML压缩后标签间的空白被合并，注释清掉，体积大概降了三成左右；CSS降得更狠，尤其是写了很多注释的那种，压缩率能到一半；JS这边它处理得比较稳，不会把代码搞坏，变量名默认不动，想混淆得另开选项。说真的，Smaller for Mac(代码压缩工具)在JS压缩上偏保守，好处是不容易出bug，坏处是追求极限体积的人可能觉得不够。我个人是宁可稳一点，压缩完直接能跑比啥都强。之前用别的工具压完JS报错，排查半天，那才叫崩溃。
批量处理和项目里怎么用
单个文件压缩只是入门，真正省时间的是批量。我把整个项目的静态资源文件夹拖进去，它能一次处理多个文件，输出到指定目录，原文件不动，这点我很喜欢，改坏了还能回头。做代码压缩工具这块，批量能力其实很关键，不然一个文件一个文件点，手都酸了。另外它支持常见的编码格式，中文注释压完也不会乱码，我特意试了个带中文的JS文件，结果正常，没出现那种压完变问号的糟心事。
几个容易踩坑的细节
第一个坑是压缩前一定记得备份，虽然它默认不覆盖原文件，但输出目录选错了容易找不到东西。第二个坑是JS里的某些语法，比如模板字符串、特殊注释标记，压缩前最好先跑一遍测试，确认没问题再上线。第三个坑是别拿它压已经压缩过的文件，重复压没啥意义还浪费时间。我用Smaller for Mac(代码压缩工具)这段时间，整体没遇到大毛病，就是设置项有点多，第一次用建议先拿测试文件练手，摸清每个选项干啥的再上正式项目。
值不值得留在Mac里
总结下我的真实感受：如果你经常跟静态资源打交道，又不想开终端敲命令，Smaller for Mac(代码压缩工具)是个挺实用的常驻小工具，离线、快、批量省事。它不算那种功能大而全的巨无霸，但胜在专注压缩这件事，界面不劝退新手。我现在的习惯是上线前把改过的CSS、JS丢进去过一遍，几分钟的事，页面加载能快一点是一点。想找代码压缩工具的朋友可以试试，装完先拿几个文件练手，熟悉了再往项目里用，基本不会翻车。
喜欢 
高兴
鬼脸
呵呵
无聊
伤心
