YUICompressor的安裝及使用(一)


step1:下載ant和YUICompressor

   1) Ant: 
打開頁面后,下拉滾動條,找到如下圖所示,單擊第一個進行下載:
    2) yuicompressor:
打開后如下所示,點擊download zip按鈕進行下載。
 
step2: 安裝Ant
  1) 解壓  apache-ant-1.9.6-bin.zip 至自己的目錄, 比如:d:\ant,如下:
 
 
 
  2) 右擊我的電腦> 屬性>高級系統設置>環境變量,找到path變量,然后選擇編輯,在path變量值的最后添加上d:\ant\bin(注意前面要加分號隔開),如下圖:
 
右擊我的電腦圖標,選擇屬性:
 
 
選擇“高級系統設置”:
 
 
 
單擊“環境變量”:
 
 
找到“系統變量”的path變量,然后,單擊編輯:
 
 
在path變量值末尾添加上;D:\ant\bin
 
 
 
 
 
  3) 測試:
     在Cmd命令窗口中輸入:  ant -version, 若顯示下圖則安裝成功
    
 
step3: 安裝YUICompressor
 
  1) 解壓下載的壓縮文件至 一個文件夾, 比如d:\yuicompressor,如下圖:
 
 
  2) cmd命令窗口轉至 d:\yuicompressor, 輸入ant, 得保證e:\yuicompressor  下有build.xml文件
  3) 編譯成功后會在命令窗口中顯示編譯成功, 在d:\yuicompressor下會出現一個build文件夾, YUICompressor的jar包會在build文件夾下:
  4). 測試YUICompressor
   命令行定位到d:\yuicompressor文件夾, 輸入 java -jar build/yuicompressor-2.4.8.jar -V, 若輸出版本號則安裝成功(注意:yuicompressor-2.4.8.jar這個名字可能不一樣,應以build文件下的jar包為准)如下:
 
 
step4: 使用 YUICompressor4
  1) 具體命令請參考:  http://yui.github.io/yuicompressor/
  2) 簡單測試壓縮js:
在任意位置新建一個js文件,比如,我在e盤的test文件夾下建立一個test.js文件,里面的內容可以隨便寫,如下:
 
文件位置如下:
 
 
test.js的內容如下:
 
 
然后打開cmd,輸入: 
java -jar D:\yuicompressor\build\yuicompressor-2.4.8.jar F:\test\test.js -o F:\test\test.min.js --charset utf-8
如果成功的話,在F:\test目錄下會多了一個test.min.js文件,它就是被壓縮后的js文件。如下:
 
 
 
現在只是完成了單個文件壓縮的功能。一般的做項目是需要把幾十個甚至上百個js文件壓縮成一個文件的,這就需要自己寫一個批處理bat文件來實現,其實這也不難,時間不早了, 明天再繼續分享一下如何實現批量壓縮。
 
 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM