wro4j資源優(yōu)化工具是一款非常優(yōu)秀的web資源優(yōu)化軟件。你在尋找好用的web文件優(yōu)化工具嗎？小編今天就為您帶來可這款wro4j資源優(yōu)化工具。該軟件可以最小化和壓縮web資源文件，包括CSS和javascript文件，使用maven插件配置，也可通過過濾器配置，從而提高資源性能，加快訪問速度，新版本中簡(jiǎn)化了模型配置，修復(fù)了多種問題，有需要的朋友速速吧！

使用教程

第一步:引入wro4j,在編譯時(shí)期將上述分散的多個(gè)文件整合成少數(shù)幾個(gè)文件,并且將文件最小化.

第二步:在生成的靜態(tài)資源文件的文件名稱上加入時(shí)間信息

這是兩步優(yōu)化之后的引用情況:

Html代碼

${platform:cssFile("/wro/basic") }

${platform:jsFile("/wro/basic") }

${platform:jsFile("/wro/custom") }

只引用了1個(gè)css文件,2個(gè)js文件.http請(qǐng)求從10幾個(gè)減少到3個(gè),并且整體文件體積縮小了近一半.

下面介紹優(yōu)化流程.

第一步：合并并且最小化文件.

1.添加wro4j的maven依賴

Xml代碼

1.6.2

ro.isdc.wro4j

wro4j-core

${wro4j.version}

org.slf4j

slf4j-api

2.添加wro4j maven plugin

Xml代碼

ro.isdc.wro4j

wro4j-maven-plugin

${wro4j.version}

compile

run

basic,custom

true

${basedir}/src/main/webapp/wro/

${basedir}/src/main/webapp/

com.rootrip.platform.common.web.wro.CustomWroManagerFactory

如果開發(fā)環(huán)境是eclipse的話,可以m2e-wro4j這個(gè)插件.

地址:http://download.jboss.org/jbosstools/updates/m2e-wro4j/

這個(gè)插件的主要功能是能夠幫助我們?cè)陂_發(fā)環(huán)境下修改對(duì)應(yīng)的靜態(tài)文件,或者pom.xml文件的時(shí)候能夠自動(dòng)生成打包好的js和css文件.

對(duì)開發(fā)來說就會(huì)方便很多.只要修改源文件就能看見修改后的結(jié)果.

3.在WEB-INF目錄下添加wro.xml文件,這個(gè)文件的作用就是告訴wro4j需要以怎樣的策略打包jss和css文件.

Java代碼

xsi:schemaLocation="http://www.isdc.ro/wro wro.xsd">

/css/basic.css

/css/skin.css

/css/jquery-ui-1.8.23.custom.css

/css/validationEngine.jquery.css

/js/jquery-1.7.2.min.js

/js/jquery-ui-1.8.23.custom.min.js

/js/jquery.validationEngine.js

/js/jquery.fixedtableheader.min.js

/js/roll.js

/js/jquery.pagination.js

/js/jquery.rooFixed.js

/js/jquery.ui.datepicker-zh-CN.js

/js/json2.js

/js/jquery.validationEngine-zh_CN.js

/js/common.js

官方文檔：http://code.google.com/p/wro4j/wiki/WroFileFormat

其實(shí)這個(gè)配置文件很好理解,如果不愿看官方文檔的朋友我在這簡(jiǎn)單介紹下.

上面這樣配置的目的就是告訴wro4j要將

/css/basic.css

/css/skin.css

/css/jquery-ui-1.8.23.custom.css

/css/validationEngine.jquery.css

這四個(gè)文件整合到一起,生成一個(gè)叫basic.css的文件到指定目錄(wro4j-maven-plugin里配置的),將

/js/jquery-1.7.2.min.js

/js/jquery-ui-1.8.23.custom.min.js

/js/jquery.validationEngine.js

/js/jquery.fixedtableheader.min.js

/js/roll.js

/js/jquery.pagination.js

/js/jquery.rooFixed.js

/js/jquery.ui.datepicker-zh-CN.js

/js/json2.js

這幾個(gè)文件整合到一起,生成一個(gè)叫basic.js的文件到指定目錄.

最后將

/js/jquery.validationEngine-zh_CN.js

/js/common.js

這兩個(gè)文件整合到一起,,生成一個(gè)叫custom.js的文件到指定目錄.

更新日志：

1、wro4j 1.6.3 包含了 26 項(xiàng)問題修復(fù)和改進(jìn)

2、包括簡(jiǎn)化模型配置

3、groovy 的抽象組支持

4、新的 RhinoTypeScriptProcessor

5、更新了第三方軟件包：less4j, less.js, cssLint, ember.js, coffee-script.js