CSS 跟 JavaScript 檔案,減少 Http request 流量,網路上已經有非常多的 Compressor tool,像是 Google Closure Compiler 或 YUI Compressor,都是用來壓縮 JS 或 CSS 檔案,這次寫了 script 來壓縮整個網站目錄裡的 js 或 css 檔案,不過 script 所使用的 Compressor command 是 Node Base 的 tool,分別是 UglifyJS 及 sqwish 這兩套,當然使用 command 之前,請務必先安裝好 Node.js 最新版本啦,不過沒安裝也沒關係,底下有懶人安裝 script command。這些 tool 對於 Embedded System 在 build firmware 相當有用,可以減少不少 code size 阿。 可以直接看專案說明,就可以不必看底下步驟了
系統環境安裝 由於系統內必須安裝 Node.js,才會有
NPM 指令,我們可以透過 NVM 來管理機器各個 Node.js 版本。別擔心,已經有寫好 script 可以一鍵安裝,非常懶人。
$ git clone https://github.com/appleboy/minify-tool.git build $ chmod +x ./build/minify $ ./build/install.sh上述執行完成,就可以使用 UglifyJS 及 sqwish command 了。
使用方式 接著想針對不同專案來壓縮其目錄內所有的 js 及 css 檔案,執行方式如下
$ ./build/minify your_project_folder_path如果你想保留原來目錄,而另外產生新的目錄來執行,可以透過 [--output|-o] 參數來執行
$ ./build/minify your_project_folder_path -o output_folder_path這樣就可以了,非常簡單,目前只有支援 UglifyJS 及 sqwish command,將來預計還會支援各種壓縮工具,如果有什麼好用的工具可以介紹,請歡迎留言。 最後補上 Script 專案目錄: