最近项目想使用在maven打包的时间压缩js,css文件,采用yuicompressor-maven-plugin插件进行压缩,但只是压缩减小大小,提高请求速度,并没有对js进行混淆。下面就写一下这个插件的使用。

假设项目包含如下结构

需要把项目中设计的css和js全部压缩,但是需要配出已经压缩过的css,js文件,不然会报错。

  1. <build>
  2. <finalName>shop</finalName>
  3. <plugins>
  4. <plugin>
  5. <groupId>net.alchim31.maven</groupId>
  6. <artifactId>yuicompressor-maven-plugin</artifactId>
  7. <version>1.5.1</version>
  8. <executions>
  9. <execution>
  10. <phase>prepare-package</phase>
  11. <goals>
  12. <goal>compress</goal>
  13. </goals>
  14. </execution>
  15. </executions>
  16. <configuration>
  17. <encoding>UTF-8</encoding>
  18. <jswarn>false</jswarn>
  19. <nosuffix>true</nosuffix>
  20. <linebreakpos>-1</linebreakpos>
  21. <sourceDirectory>src/main/webapp</sourceDirectory>
  22. <includes>
  23. <include>js/*.js</include>
  24. <include>wapjs/*.js</include>
  25. <include>activity/**/*.js</include>
  26. <include>admin/adminjs/*.js</include>
  27. <include>css/*.css</include>
  28. <include>activity/**/*.css</include>
  29. </includes>
  30. <excludes>
  31. <exclude>**/*min.js</exclude>
  32. <exclude>**/jweixin-1.0.0.js</exclude>
  33. <exclude>**/*min.css</exclude>
  34. </excludes>
  35. </configuration>
  36. </plugin>
  37. <plugin>
  38. <groupId>org.apache.maven.plugins</groupId>
  39. <artifactId>maven-surefire-plugin</artifactId>
  40. <version>2.4.2</version>
  41. <configuration>
  42. <skipTests>true</skipTests>
  43. </configuration>
  44. </plugin>
  45. <plugin>
  46. <groupId>org.apache.maven.plugins</groupId>
  47. <artifactId>maven-javadoc-plugin</artifactId>
  48. <version>2.9.1</version>
  49. <configuration>
  50. <javadocDirectory>target/javadoc</javadocDirectory>
  51. <reportOutputDirectory>target/javadoc</reportOutputDirectory>
  52. <charset>UTF-8</charset>
  53. <encoding>UTF-8</encoding>
  54. <docencoding>UTF-8</docencoding>
  55. <show>private</show>
  56. </configuration>
  57. </plugin>
  58. <plugin>
  59. <groupId>org.apache.maven.plugins</groupId>
  60. <artifactId>maven-war-plugin</artifactId>
  61. <version>2.6</version>
  62. <configuration>
  63. <warSourceExcludes> %regex[^.+(?:(?<!(?:-|\.)min)\.js)], %regex[^.+(?:(?<!(?:-|\.)min)\.css)]</warSourceExcludes>
  64. <webXml>src/main/webapp/WEB-INF/web.xml</webXml>
  65. </configuration>
  66. </plugin>
  67. </plugins>
  68. <resources>
  69. <resource>
  70. <directory>src/main/resources</directory>
  71. <includes>
  72. <include>**/*.properties</include>
  73. <include>**/*.xml</include>
  74. </includes>
  75. <filtering>true</filtering>
  76. </resource>
  77. <resource>
  78. <directory>src/main/java</directory>
  79. <includes>
  80. <include>**/*.xml</include>
  81. </includes>
  82. <filtering>true</filtering>
  83. </resource>
  84. </resources>
  85. </build>
  86. lt;/project>

打包遇到的问题以及说明:

1、include标签中配置的是需要压缩的文件,exclude配置的是在include文件中排除需要压缩的文件。

2、include和exclude中可以使用通配符,*表示一个文件或路径名,**表示多个文件或路径。

3、jswarn代表是否忽略警告, nosuffix是否添加min后缀, linebreakpos是否压缩在一行。

4、net.alchim31.maven需要在org.apache.maven.plugins插件之前,否则不能够将压缩的文件打到war包里。

5、org.apache.maven.plugins配置说明:

  1. <plugin>
  2. <groupId>org.apache.maven.plugins</groupId>
  3. <artifactId>maven-war-plugin</artifactId>
  4. <version>2.6</version>
  5. <configuration>
  6. <warSourceIncludes>**</warSourceIncludes>
  7. <warSourceExcludes> %regex[^.+(?:(?<!(?:-|\.)min)\.js)], %regex[^.+(?:(?<!(?:-|\.)min)\.css)]</warSourceExcludes>
  8. <webXml>src/main/webapp/WEB-INF/web.xml</webXml>
  9. </configuration>
  10. lt;/plugin>

其中

1、warSourceIncludes不填写默认是对应 src/main/webapp下的全部文件。

2、warSourceExcludes装配warSourceIncludes中排除不以.min.js -min.js结尾的js文件。
warSourceIncludes不填写默认是对应 src/main/webapp下的全部文件,因为在
yuicompressor配置了不会处理min这些文件所以这些文件要拷贝到对应的目录。由于maven-war-plugin会把
yuicompressor配置<include>的文件压缩覆盖输出到target文件夹里,但是<exclude>排除掉的
文件并未放到target里,所以会导致打war包的时间未将<exclude>排除的文件为打入包中,所以此处需要
warSourceExcludes将yuicompressor没有压缩的js文件就会拷贝过去,而压缩过的js则不会拷贝yuicompressor
会拷贝压缩后的文件过去。

以下是maven打包压缩输出结果:

上面配置经过实际环境,分享一下。

Maven使用yuicompressor-maven-plugin打包压缩css、js文件的更多相关文章

  1. 批量压缩 css js 文件 包含多个文件 自动识别

    注意事项  css 注释压缩不会造成影响      因为是块注释     当然也可以选择去注释压缩 js 带注释压缩  要注意注意 注意  //行注释会造成 压缩后的代码在一行 导致注释后的代码都失效 ...

  2. 用 Flask 来写个轻博客 (28) — 使用 Flask-Assets 压缩 CSS/JS 提升网页加载速度

    Blog 项目源码:https://github.com/JmilkFan/JmilkFan-s-Blog 目录 目录 前文列表 扩展阅读 Flask-Assets 将 Flask-Assets 应用 ...

  3. vs合并压缩css,js插件——Bundler & Minifier

    之前做了一个大转盘的抽奖活动,因为比较火,部分用户反馈看不到页面的情况,我怀疑js加载请求过慢导致,所以今天针对之前的一个页面进行调试优化. 首先想到的是对页面的js和css进行压缩优化,百度了下vs ...

  4. 用GruntJS合并、压缩CSS资源文件

    合并.压缩CSS资源文件用到了grunt-contrib-concat.grunt-css插件,自己npm就可以了,下面直接呈上package.json.Gruntfile.js代码 package. ...

  5. asp.net mvc项目实记-开启伪静态-Bundle压缩css,js

    百度这些东西,还是会浪费了一些不必要的时间,记录记录以备后续 一.开启伪静态 如果不在web.config中配置管道开关则伪静态无效 首先在RouteConfig.cs中中注册路由 routes.Ma ...

  6. uglifyjs2压缩混淆js文件

    uglifyjs可以用来压缩混淆js文件,发布release版本应用利器.在StackOverflow浏览了一下,相比Google Closure和YUI compressor,uglifyjs被推荐 ...

  7. GZip压缩的js文件IE6下面不能包含<script>标签

    IE6下面,GZip压缩的js文件,如果js中包含<script>标签,一遇到这样的标签,后面的内容居然都截断了,狂晕! 花了我一个晚上来找原因.. 需要将字符串'<script&g ...

  8. js活jQuery实现动态添加、移除css/js文件

    下面是在项目中用到的,直接封装好的函数,拿去在js中直接调用就可以实现css.js文件的动态引入与删除.代码如下 动态加载,移除,替换css/js文件 // 动态添加css文件 function ad ...

  9. 在桌面右键创建html,css,js文件

    1.在开始里面输入regedit,进入注册表编辑器. 2.打开HKEY_CLASSES_ROOT项. 3.打开.html/.css/.js项. 4.右键新建项,起名ShellNew. 5.新建字符串值 ...

随机推荐

  1. JBoss配置连接池

    什么是数据库连接池? 配置连接池为的是解决效率问题.由于每创建一个连接都是非常耗时的,有了连接池,就能够提前放一些连接进去.以后我们再用连接就去连接池里面取而不是每次都创建.可是我们知道连接池是有上限 ...

  2. JavaLearning:日期操作类

    package org.fun.classdemo; import java.util.Calendar; import java.util.GregorianCalendar; public cla ...

  3. java对象和json数据转换实现方式1-使用json-lib实现

    測试代码: package com.yanek.util.json; import java.util.ArrayList; import java.util.List; import net.sf. ...

  4. sqoop 1.4.4-cdh5.1.2高速入门

    一.高速入门 (一)下载安装 1.下载并解压 wget http://archive.cloudera.com/cdh5/cdh/5/sqoop-1.4.4-cdh5.1.2.tar.gz tar - ...

  5. QVBoxLayout移除控件之后没有消失

    想在QWidget里面动态的添加和删除控件,给QWidget设置了一个布局管理器QVBoxLayout,要删除控件可以 使用QVBoxLayout::removeWidget(QWidget *w)方 ...

  6. Python 面向对象 —— 多重继承

    多重继承(一个子类同时继承多个父类),容易造成混乱,即如果两个父类又相同的方法名和变量名时,无法确定继承哪一个. 正因如此,Java 等语言中并不支持多重继承(Java 是单继承多接口).Python ...

  7. 42.cnpm不是内部命令的解决方案:配置环境变量

    转自:https://blog.csdn.net/u014540814/article/details/78777961

  8. myBatis通过逗号分隔字符串,foreach

    前言 当数据库里存储的值是以逗号分隔格式存储的字符串时. 数据格式如下:  id name  ids   1  张三  a,b,c  2  李四  c,d,e 我们拿到的条件参数是:b,e 1.后台通 ...

  9. LuoguP2765 魔术球问题(最大流)

    题目描述 «问题描述: 假设有n根柱子,现要按下述规则在这n根柱子中依次放入编号为1,2,3,...的球. (1)每次只能在某根柱子的最上面放球. (2)在同一根柱子中,任何2个相邻球的编号之和为完全 ...

  10. linux 命令之 tar

    作用 tar命令是Unix/Linux系统中备份文件的可靠方法.差点儿能够工作于不论什么环境中,它的使用权限是全部用户. 语法: tar [主选项+辅选项] 文件或文件夹 主选项: c 创建新的归档文 ...