Maven插件wro4j-maven-plugin压缩、合并js、css详解
2017-09-29 11:55
483 查看
1. 在pom.xml文件中,引入wro4j-maven-plugin插件
- <plugin>
- <groupId>ro.isdc.wro4j</groupId>
- <artifactId>wro4j-maven-plugin</artifactId>
- <version>${wro4j.version}</version>
- <executions>
- <execution>
- <id>optimize-web-resources</id>
- <phase>compile</phase>
- <goals>
- <goal>run</goal>
- </goals>
- </execution>
- </executions>
- <configuration>
- <ignoreMissingResources>false</ignoreMissingResources>
- <jsDestinationFolder>
- ${project.build.directory}/${project.build.finalName}/static/js
- </jsDestinationFolder>
- <cssDestinationFolder>
- ${project.build.directory}/${project.build.finalName}/static/css
- </cssDestinationFolder>
- <wroManagerFactory>
- ro.isdc.wro.maven.plugin.manager.factory.ConfigurableWroManagerFactory
- </wroManagerFactory>
- </configuration>
- </plugin>
2. 配置合并、压缩策略,新建文件/WEB-INF/wro.xml,例如配置内容为:
- <?xml version="1.0" encoding="UTF-8"?>
- <groups xmlns="http://www.isdc.ro/wro" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
- xsi:schemaLocation="http://www.isdc.ro/wro wro.xsd">
- <group name="basic">
- <css>/static/css/front.css</css>
- <js>/static/js/jquery.js</js>
- <js>/static/js/jquery.paging.min.js</js>
- <js>/static/js/front/global.js</js>
- <js>/static/js/front/search.js</js>
- </group>
- <group name="custom">
- <css>/static/css/front.css</css>
- <css>/static/css/comment/comment.css</css>
- <css>/static/plugins/syntaxhighlighter/shCore.css</css>
- <js>/static/js/front/coding.js</js>
- </group>
- </groups>
3. 配置wro4j相关属性,新建WEB-INF/wro.properties,例如配置内容为:
配置属性含义参见:http://everycoding.com/coding/68.html
- cacheUpdatePeriod=0
- modelUpdatePeriod=0
- debug=true
- disableCache=false
- gzipResources=true
- ignoreMissingResources=false
此插件必须配置wro.properties。否则在执行打包命令:clean package时否则会报如下异常:
src\main\webapp\WEB-INF\wro.properties (系统找不到指定的文件。) -> [Help 1]
4. 执行maven命令:clean package 打包
我们会发现根据wro.xml配置的策略在
${project.build.directory}/${project.build.finalName}/static/js
${project.build.directory}/${project.build.finalName}/static/css的目录下生成了
basic.css、basic.js、custom.css、custom.js等合并压缩后的文件。
相关文章推荐
- 一个自动化添加 js css 的版本号和压缩js css的 maven 插件 jcv-maven-plugin
- 使用yuicompressor-maven-plugin合并压缩js和css
- yuicompressor-maven-plugin插件-用于压缩js,css
- yuicompressor-maven-plugin插件压缩js和css
- 使用yuicompressor-maven-plugin插件压缩JS和CSS静态资源
- 使用yuicompressor-maven-plugin压缩js及css文件
- java Web程序使用wro4j合并、压缩js、css等静态资源
- 使用基与maven的构建插件在构建阶段压缩css,js并为压缩后的文件追加版本号
- maven 配置合并压缩JS+CSS
- Yii安装EClientScript插件扩展实现css,js文件代码压缩合并加载功能
- Asp.net MVC下使用Bundle合并、压缩js与css文件详解
- vs合并压缩css,js插件——Bundler & Minifier
- maven 压缩、合并 js, css
- vs合并压缩css,js插件——Bundler & Minifier
- 使用YUI Compressor Maven插件压缩 js,css 输出war包
- 使用minify-maven-plugin,压缩或合并你的js文件
- 使用yuicompressor-maven-plugin压缩js及css文件
- Maven使用yuicompressor-maven-plugin打包压缩css、js文件
- (转)使用yuicompressor-maven-plugin压缩js及css文件(二)
- maven 压缩、合并 js, css