2014说明文档.docxVIP

granule描述、Granule是一种基于Java的Web应用程序的优化解决方案，压缩合并JavaScript和CSS文件，可以提高页面响应速度和节省带宽。安装Granule标签库下载Granule标签库（/p/granule/downloads/list (granuleNNN.zip)），并解压缩文件；把lib目录下的granuleNNN.jar拷贝到Web应用程序下的WEB-INF\lib目录；※如果要使用Google Closure Compiler，需要把granule-closure-compiler.r1055.jdk15拷贝到Web应用程序下的WEB-INF\lib目录在JSP里使用taglib指令%@ taglib uri=/tags prefix=g %引用Granule标签库；修改/WEB-INF/web.xml，增加CompressServlet的定义； servlet servlet-nameCompressServlet/servlet-name servlet-classcom.granule.CompressServlet/servlet-class load-on-startup1/load-on-startup /servlet servlet-mapping servlet-nameCompressServlet/servlet-name url-pattern/combined.js/url-pattern /servlet-mapping servlet-mapping servlet-nameCompressServlet/servlet-name url-pattern/combined.css/url-pattern /servlet-mapping对JS或CSS使用标签compressg:compress link rel=stylesheet type=text/css href=css/dp.css/ link rel=stylesheet type=text/css href=css/demo.css/?/g:compress...div id=datepicker/divg:compress script type=text/javascript src=common.js/ script type=text/javascript src=closure/goog/base.js/ script?goog.require(goog.dom);?goog.require(goog.date);?goog.require(goog.ui.DatePicker); /script script type=text/javascript var dp = new goog.ui.DatePicker(); dp.render(document.getElementById(datepicker)); /script/g:compress...运行Web应用程序，并查看输出的html源代码link rel=stylesheet type=text/css href=/combined.css?id=cc4c21b0/?script src=/combined.js?id=4658acf30/配置文件读取说明：Granule的配置文件需要放在Web应用程序下的WEB-INF目录下，有3个配置文件：perties（生产环境）、perties（debug环境）、perties（开发环境），每个配置文件的配置项都是一样的。Granule依次读取perties、perties、perties的配置信息，这样的话，后读的配置文件的信息会覆盖先读的配置文件的信息。配置项cess定义标签处理的资源类型，有4个值：all：处理javascript和cssjavascript：只处理javascriptcss：只处理cssignore：都不处理，用于debugtag.method.css压缩合并外部CSS样式表的方法，含有不同media属性的CSS文件，将会被压缩合并成不同的bundle，有2个值：combine：压缩合并外部CSS样式表cssfastmin：在combine的基础上去掉注释和空白tag.css.cleanduplicates是否去掉重复的CSS文件，有2个值：true：是（默认值）false：否tag.method.javascript压缩合并的外部和内嵌JavaScript的方法，有4个值：combine：压缩合并的外部和内嵌JavaScript（默认值）closure-compiler：使用Google Closure Compiler，优化JavaScript代码jsfa