YUI Compressor Maven Plugin介紹

目前開發Web應用Javascript發揮的作用越來越大,相關的Javascript框架也比較多。但是有一個問題,我們開發過程中,所有的JS代碼 都添加了註釋,如使用JsDoc,代碼的可讀性比較強,同時這樣的代碼也便於調試。但是在產品環境中,我們希望這些JS代碼是壓縮和混淆過的,這主要是讓 JS代碼加載的更快,這也是Google AJAX Libraries API出現的原因。YUI Compressor是一款非常強大JS混淆和壓縮工具,目前很多Javascript Framework都使用YUI Compressor進行代碼分發。在Java Web應用開發中,Maven是常用的項目管理工具,所以這裏講述一下如何結合Maven和YUI Compressor實現我們上述的需求。
要實現上述的功能,我們需要使用YUI Comprssor Maven Plugin,通過該plugin,可以實現對JS的壓縮。首先我們要求YUI Compressor在
 process-resources 期間發生作用,我們要添加以下代碼:

 

<plugin>
<groupId>net.sf.alchim</groupId>
<artifactId>yuicompressor-maven-plugin</artifactId>
<executions>
<execution>
<goals>
<goal>compress</goal>
</goals>
</execution>
</executions>        
</plugin>

對於Develop和Test環境,我們希望YUI Compressor不工作,主要是調試方便,所以我們還需要添加一個production的profile,然後將上述的代碼加入到 production profile中即可,只要啓動production profile,YUI Compressor就會工作。
YUI Compressor不僅可以壓縮JS,CSS文件同樣適用,所以YUI Compressor絕對對你的Web應用發佈有很好的作用,結合Maven這個優秀的項目管理工具,將讓這個過程根據簡單。
參考文檔:
YUI Compressor: http://developer.yahoo.com/yui/compressor/ 
YUI Compressor Maven Plugin: http://alchim.sourceforge.net/yuicompressor-maven-plugin/

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章