最近为搞项目,得压缩一下那些个 JS 和 CSS 文件,你知道的,就是那些代码文件,小一点加载起来快一点嘛然后我就去网上搜,发现好多人都推荐用 YUI Compressor,说这玩意儿好使,还免费。我就琢磨着,这必须得试试!
下载 YUI Compressor
我一开始在网上瞎搜,找到一堆乱七八糟的下载链接,都不敢点,生怕下到什么病毒木马啥的。后来才搞明白,原来这东西在 GitHub 上有官方页面,直接去那里下就行。找到那个叫 yuicompressor-2.4.* 的文件,点击就下载,还挺快的。
安装 Java 环境
下载完之后,我双击那个 jar 文件,结果没反应。这才想起来,这玩意儿得有 Java 环境才能跑。我电脑上好像没装过这东西,又去网上搜下,下载个 Java 安装包,一路点下一步,安装好。
使用 YUI Compressor
这下应该能用?我打开命令行窗口,输入 java -jar yuicompressor-2.4.*
,回车,结果出来一堆英文,看得我头大。原来这玩意儿得用命令行参数才能告诉它要干
我又去网上查查,常用的命令大概是这样的:
- 压缩JS文件:
java -jar yuicompressor-2.4.* --type js --charset utf-8 -v 源文件.js > 目标文件.js
- 压缩CSS文件:
java -jar yuicompressor-2.4.* --type css --charset utf-8 -v 源文件.css > 目标文件.css
我试着压缩一个 JS 文件,把命令里的“源文件.js”换成我要压缩的文件名,“目标文件.js”换成压缩后的文件名,回车,等几秒钟,就压缩好!打开压缩后的文件一看,代码都挤在一块,看着就小巧,心里美滋滋的。
然后批量压缩咋搞,我这项目里一大堆文件,一个个手动压缩要累死。我又去网上搜下,发现有人写个批处理脚本,可以批量压缩文件。我把那个脚本稍微改改,放项目文件夹里,双击运行,刷刷刷,所有 JS 和 CSS 文件都压缩好,真是太方便!
YUI Compressor 这玩意儿还挺好用的,就是刚开始用的时候有点懵,得多查查资料,熟悉一下命令行参数。不过用熟之后,压缩代码就跟玩儿似的,再也不用担心文件太大影响加载速度!