yuicompressor 与 maven结合,打包,压缩js,css

js,css代码压缩

web站点需要对js,css代码进行压缩,打包,下面是利用maven进行打包压缩的配置

将压缩后的代码打入到war包中,并且压缩后的js,css文件名不变


  1. <plugins>  
  2.             <plugin>  
  3.                 <groupId>org.apache.maven.plugins</groupId>  
  4.                 <artifactId>maven-war-plugin</artifactId>  
  5.                 <version>2.4</version>   
  6.                 <configuration>  
  7.                     <warSourceExcludes>**/*.js,**/*.css</warSourceExcludes>  
  8.                 </configuration>  
  9.             </plugin>  
  10.             <plugin>  
  11.                 <!-- YUI Compressor Maven压缩插件 -->  
  12.                 <groupId>net.alchim31.maven</groupId>  
  13.                 <artifactId>yuicompressor-maven-plugin</artifactId>  
  14.                 <version>1.3.0</version>  
  15.                 <executions>  
  16.                     <execution>  
  17.                         <phase>process-resources</phase>  
  18.                         <goals>  
  19.                             <goal>compress</goal>  
  20.                         </goals>  
  21.                     </execution>  
  22.                 </executions>  
  23.                 <configuration>  
  24.                     <!-- 读取js,css文件采用UTF-8编码 -->  
  25.                     <encoding>UTF-8</encoding>  
  26.                     <!-- 不显示js可能的错误 -->  
  27.                     <jswarn>false</jswarn>  
  28.                     <!-- 若存在已压缩的文件,会先对比源文件是否有改动  有改动便压缩,无改动就不压缩 -->  
  29.                     <force>false</force>  
  30.                     <!-- 在指定的列号后插入新行 -->  
  31.                     <linebreakpos>-1</linebreakpos>  
  32.                     <!-- 压缩之前先执行聚合文件操作 -->  
  33.                     <preProcessAggregates>true</preProcessAggregates>  
  34.                     <!-- 压缩后保存文件后缀 无后缀 -->  
  35.                     <nosuffix>true</nosuffix>  
  36.                     <!-- 源目录,即需压缩的根目录 -->  
  37.                     <sourceDirectory>src/main/webapp/resource</sourceDirectory>  
  38.                     <!-- 压缩js和css文件 -->  
  39.                     <includes>  
  40.                         <include>**/*.js</include>  
  41.                         <include>**/*.css</include>  
  42.                     </includes>  
  43.                     <!-- 以下目录和文件不会被压缩 -->  
  44.                     <excludes>  
  45.                         <exclude>**/*.min.js</exclude>  
  46.                         <exclude>**/*.min.css</exclude>  
  47.                     </excludes>  
  48.   
  49.                 </configuration>  
  50.             </plugin>  
  51.         </plugins>  

下面这个标签是对已经压缩过的文件不进行压缩

[html]  view plain copy
  1. <excludes>  
  2.                         <exclude>**/*.min.js</exclude>  
  3.                         <exclude>**/*.min.css</exclude>  
  4.   
  5. </excludes>  

但是如果按照如下配置进行打包,那些在源文件中已经是.min结尾的js,css代码将不会打进war包

[html]  view plain copy
  1. <configuration>  
  2.                     <warSourceExcludes>**/*.js,**/*.css</warSourceExcludes>  
  3.                 </configuration>  
执行: mvn package 

或者执行 

mvn yuicompressor:compress

在target中生成压缩有的war


YUI Compressor官网:http://developer.yahoo.com/yui/compressor/

相关配置参数说明:http://alchim31.free.fr/mvnsites/yuicompressor-maven-plugin/compress-mojo.html


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值