wro4j资源优化工具 v1.6.3 最新版

wro4j资源优化工具是一款非常优秀的web资源优化软件。你在寻找好用的web文件优化工具吗？小编今天就为您带来可这款wro4j资源优化工具。该软件可以最小化和压缩web资源文件，包括CSS和javascript文件，使用maven插件配置，也可通过过滤器配置，从而提高资源性能，加快访问速度，新版本中简化了模型配置，修复了多种问题，有需要的朋友速速吧！

使用教程

第一步:引入wro4j,在编译时期将上述分散的多个文件整合成少数几个文件,并且将文件最小化.

第二步:在生成的静态资源文件的文件名称上加入时间信息

这是两步优化之后的引用情况:

Html代码

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

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

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

只引用了1个css文件,2个js文件.http请求从10几个减少到3个,并且整体文件体积缩小了近一半.

下面介绍优化流程.

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

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

如果开发环境是eclipse的话,可以m2e-wro4j这个插件.

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

这个插件的主要功能是能够帮助我们在开发环境下修改对应的静态文件,或者pom.xml文件的时候能够自动生成打包好的js和css文件.

对开发来说就会方便很多.只要修改源文件就能看见修改后的结果.

3.在WEB-INF目录下添加wro.xml文件,这个文件的作用就是告诉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

其实这个配置文件很好理解,如果不愿看官方文档的朋友我在这简单介绍下.

上面这样配置的目的就是告诉wro4j要将

/css/basic.css

/css/skin.css

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

/css/validationEngine.jquery.css

这四个文件整合到一起,生成一个叫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

这几个文件整合到一起,生成一个叫basic.js的文件到指定目录.

最后将

/js/jquery.validationEngine-zh_CN.js

/js/common.js

这两个文件整合到一起,,生成一个叫custom.js的文件到指定目录.

更新日志：

1、wro4j 1.6.3 包含了 26 项问题修复和改进

2、包括简化模型配置

3、groovy 的抽象组支持

4、新的 RhinoTypeScriptProcessor

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