Maven使用yuicompressor-maven-plugin打包压缩css、js文件

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

假设项目包含如下结构

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

 <build><finalName>shop</finalName><plugins><plugin><groupId>net.alchim31.maven</groupId><artifactId>yuicompressor-maven-plugin</artifactId><version>1.5.1</version><executions><execution><phase>prepare-package</phase><goals><goal>compress</goal></goals></execution></executions><configuration><encoding>UTF-8</encoding><jswarn>false</jswarn><nosuffix>true</nosuffix><linebreakpos>-1</linebreakpos><sourceDirectory>src/main/webapp</sourceDirectory><includes><include>js/*.js</include><include>wapjs/*.js</include><include>activity/**/*.js</include><include>admin/adminjs/*.js</include><include>css/*.css</include><include>activity/**/*.css</include></includes><excludes><exclude>**/*min.js</exclude><exclude>**/jweixin-1.0.0.js</exclude><exclude>**/*min.css</exclude></excludes></configuration></plugin><plugin><groupId>org.apache.maven.plugins</groupId><artifactId>maven-surefire-plugin</artifactId><version>2.4.2</version><configuration><skipTests>true</skipTests></configuration></plugin><plugin><groupId>org.apache.maven.plugins</groupId><artifactId>maven-javadoc-plugin</artifactId><version>2.9.1</version><configuration><javadocDirectory>target/javadoc</javadocDirectory><reportOutputDirectory>target/javadoc</reportOutputDirectory><charset>UTF-8</charset><encoding>UTF-8</encoding><docencoding>UTF-8</docencoding><show>private</show></configuration></plugin><plugin><groupId>org.apache.maven.plugins</groupId><artifactId>maven-war-plugin</artifactId><version>2.6</version><configuration><warSourceExcludes> %regex[^.+(?:(?<!(?:-|\.)min)\.js)], %regex[^.+(?:(?<!(?:-|\.)min)\.css)]</warSourceExcludes><webXml>src/main/webapp/WEB-INF/web.xml</webXml></configuration></plugin></plugins><resources><resource><directory>src/main/resources</directory><includes><include>**/*.properties</include><include>**/*.xml</include></includes><filtering>true</filtering></resource><resource><directory>src/main/java</directory><includes><include>**/*.xml</include></includes><filtering>true</filtering></resource></resources></build>
</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配置说明：

                       <plugin><groupId>org.apache.maven.plugins</groupId><artifactId>maven-war-plugin</artifactId><version>2.6</version><configuration><warSourceIncludes>**</warSourceIncludes><warSourceExcludes> %regex[^.+(?:(?<!(?:-|\.)min)\.js)], %regex[^.+(?:(?<!(?:-|\.)min)\.css)]</warSourceExcludes><webXml>src/main/webapp/WEB-INF/web.xml</webXml></configuration></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文件相关推荐

Flask-Assets 使用autoprefixer并压缩css/JS文件提高访问速度
扩展阅读 http://flask-assets.readthedocs.io/en/latest/ Flask-Assets实例学习 Flask-Assets中文参考 Flask-Assets ...
用 Flask 来写个轻博客 (28) — 使用 Flask-Assets 压缩 CSS/JS 提升网页加载速度
Blog 项目源码:https://github.com/JmilkFan/JmilkFan-s-Blog 目录目录前文列表扩展阅读 Flask-Assets 将 Flask-Assets 应用 ...
利用html-minifier和uglify-js对前端HTML/CSS/JS文件进行压缩
利用html-minifier和uglify-js对前端HTML/CSS/JS文件进行压缩前言:最近项目组项目接近完工,因为是个网站改造项目,大多数页面都是静态页面,前端开发并没有使用框架或工程化的 ...
在线压缩html/css/js文件成一行
在线压缩html/css/js文件成一行: 压缩网站为:http://tool.oschina.net/jscompress/ 将源码压缩成一行,去掉文中的一些注释和空格以及空行,好处是: 1.减小文 ...
vue webpack压缩代码_webpack不混淆、不压缩指定js文件
在项目中使用了mozilla/pdf.js,在使用中需要设置GlobalWorkerOptions.workerSrc,代码如下 import PDFJS from 'pdfjs-dist' impo ...
vue打包生成的js文件过大优化
vue打包生成的js文件过大优化 1.组件按需加载 2.去掉生成map文件 3.cdn引入 4.路由懒加载 5.代码压缩 6.最后项目打包之后js文件太大问题问题描述 1.使用cdn引入不怎么改变 ...
怎压缩html文件夹,如何利用koala压缩合并js文件？
本博客不欢迎:各种镜像采集行为,请尊重知识产权法律法规.大家都是程序员,不要闹得不开心. 苏南大叔在很久之前的文章中,曾经向大家介绍过一款很好用的js和css处理工具,叫做koala.据说是国人基于n ...
压缩/批量压缩/合并js文件
写在前面如果文件少的话,直接去网站转化一下就行. http://tool.oschina.net/jscompress?type=3 1.压缩单个js文件 cnpm install uglify-j ...
js活jQuery实现动态添加、移除css/js文件
下面是在项目中用到的,直接封装好的函数,拿去在js中直接调用就可以实现css.js文件的动态引入与删除.代码如下动态加载,移除,替换css/js文件 // 动态添加css文件 function ad ...
webpack打包php资源,webpack不打包指定的js文件
背景: 在项目实际开发中,有一些IP地址需要随时修改,进行部署,例如websocket的地址.因此在项目打包的时候,不希望保持IP地址的文件被打包,因此就需要把需要修改的常量独立出来,存放在一个js文 ...

Maven使用yuicompressor-maven-plugin打包压缩css、js文件

Maven使用yuicompressor-maven-plugin打包压缩css、js文件相关推荐

最新文章

热门文章