YUI Compressor 是一個用來壓縮 JS 和 CSS 檔案的工具,採用Java開發。 最近壓縮檔案,常使用線上壓縮的方式來壓縮檔案,一來多有不便,二來如果沒有網路,只能擱置了。本文來描述如何在Sbulime text2中使用YUI Compressor外掛。
Java的安裝
官網上下載java,並安裝,安裝完成後進行環境變數配置:
1.我的電腦 -> 右鍵屬性 -> 高階系統設定 -> 高階 -> 環境變數 -> 系統變數:
(1)新建->變數名:JAVA_HOME變數值:C:\Program Files\Java(我的JDK安裝路徑)
(2)編輯->變數名:Path在變數值的最前面加上:%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
(3)新建->變數名:CLASSPATH變數值:.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar 測試下環境變數是否設定成功:
cd:\Users\zuojj\javac 用法: javac <options> <source files> 其中, 可能的選項包括: -g 生成所有除錯資訊 -g:none 不生成任何除錯資訊 -g:{lines,vars,source} 只生成某些除錯資訊 -nowarn 不生成任何警告 -verbose 輸出有關編譯器正在執行的操作的消 -deprecation 輸出使用已過時的 API 的源位置 -classpath <路徑> 指定查詢使用者類檔案和註釋處理程
出現上述結果,表示安裝成功。
YUI Compresso外掛安裝
通過Sublime text2常用安裝方式安裝。不再贅述!
程式碼壓縮
外掛安裝完成後,到Sublime text2選單欄 -> Tools -> Build System -> 選中YUI Compressor -> 開啟需要壓縮的CSS 或者 JS檔案(比如a.css)-> (Tools -> Build 或者直接Ctrl + B) -> 在a.css目錄中生成a.min.css檔案 -> 完成壓縮。
線上(變數)壓縮與反壓縮工具推薦
1. JS線上(變數)壓縮工具
轉載宣告:
本文標題:YUI Compressor for Sublime text2
本文連結:http://www.zuojj.com/archives/1059.html,轉載請註明轉自Benjamin-專注前端開發和使用者體驗