Skip to content

CSS和JS合并说明

杨尚川 edited this page Nov 4, 2013 · 3 revisions

注意:在合并的过程中,CSS中的以相对路径表示的图片资源被合并程序替换成了绝对路径。如果启用合并,APDPlat必须部署到ROOT上下文中,以避免无法访问CSS中的绝对路径表示的图片资源!

修改文件(APDPlat_Web/src/main/webapp/platform/include/common.jsp和APDPlat_Web/src/main/webapp/login.jsp)的内容来决定是不是启用CSS和JS合并,默认不启用合并,APDPlat_Web/src/main/webapp/login.jsp在SingleMerge和MultiMerge下的表现是一样的

不启用合并:

设置APDPlat_Web/src/main/webapp/platform/include/common.jsp的内容为APDPlat_Web/src/main/webapp/platform/include/common_no_merge.jsp

设置APDPlat_Web/src/main/webapp/login.jsp的内容为APDPlat_Web/src/main/webapp/login_no_merge.jsp

启用SingleMerge:

SingleMerge是指对platform/include/common.jsp所引用的JS(CSS)合并为一个文件

1、修改APDPlat_Web/pom.xml中的插件wro4j-maven-plugin,指定wroFile配置为${basedir}/src/main/resources/wro4j_single_merge.xml,指定wroManagerFactory配置为org.apdplat.platform.wro4j.APDPlatWro4jSingleMergeManagerFactory

2、设置APDPlat_Web/src/main/webapp/platform/include/common.jsp的内容为APDPlat_Web/src/main/webapp/platform/include/common_single_merge.jsp,设置APDPlat_Web/src/main/webapp/login.jsp的内容为APDPlat_Web/src/main/webapp/login_merge.jsp

3、构建项目APDPlat_Web

启用MultiMerge:

MultiMerge是指对platform/include/common.jsp所引用的JS(CSS)合并为多个文件,同一个文件夹下多个JS(CSS)文件合并为一个文件

1、修改APDPlat_Web/pom.xml中的插件wro4j-maven-plugin,指定wroFile配置为${basedir}/src/main/resources/wro4j_multi_merge.xml,指定wroManagerFactory配置为org.apdplat.platform.wro4j.APDPlatWro4jMultiMergeManagerFactory

2、设置APDPlat_Web/src/main/webapp/platform/include/common.jsp的内容为APDPlat_Web/src/main/webapp/platform/include/common_multi_merge.jsp,设置APDPlat_Web/src/main/webapp/login.jsp的内容为APDPlat_Web/src/main/webapp/login_merge.jsp

3、构建项目APDPlat_Web