如果你還在使用 CSSTidy、JSbeautifIEr 之類的在線代碼壓縮工具,那麼網頁教學網告訴你,你已經過時了。
前端代碼的壓縮,主要在於對 JS 和 CSS 代碼的壓縮,拋開圖片壓縮的問題不談,JS 和 CSS 代碼的壓縮已經有先人做了很多工作。
YUICompressor 正是出自 Yahoo 工程師之手,高效,便捷,壓縮率高。使用純 Java 編寫,運行需要 JRE 的支持,基於 Rhino 對 Javascript 源文件進行分析和切詞。優化 CSS 屬性和顏色值,有效去除 JavaScript 和 CSS 文件中冗余的空白字符,整理 JS 局部變量名稱,縮減代碼體積。
官方主頁:http://yuilibrary.com/downloads/#yuicompressor
文檔:http://developer.yahoo.com/yui/compressor
由於本身是基於 Java 包的壓縮打包工具,因此使用上入門可能有點難度。命令行格式如下:
Java -jar yuicompressor-x.y.z.jar myfile.js -o myfile-min.JS –charset utf-8
當然,你可能會覺得不爽。沒關系,芒果為你准備的傻瓜化的批處理封裝包。雙擊 "install.cmd" 關聯右鍵菜單後,在需要壓縮的 CSS 或者 JS 文件上右鍵選擇 "Process With YUICompressor" 即可一鍵輸出壓縮文件,無需手工輸入命令。