maven实现JS+CSS自动压缩
2016-08-14 15:50
393 查看
1. maven实现js+css自动压缩完整代码
2. 执行maven命令
3. 相关链接
YUI Compressor官网:http://developer.yahoo.com/yui/compressor/
相关配置参数说明:http://alchim31.free.fr/mvnsites/yuicompressor-maven-plugin/compress-mojo.html
本文转自:http://wang-jia-sina-com.iteye.com/blog/1538000
1 <?xml version="1.0" encoding="utf-8"?> 2 3 <project xmlns="http://maven.apache.org/POM/4.0.0" 4 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 5 xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> 6 <modelVersion>4.0.0</modelVersion> 7 <!-- 项目所在组、机构 --> 8 <groupId>com.test</groupId> 9 <!-- 项目产品名称 --> 10 <artifactId>test-mobile</artifactId> 11 <!-- 项目产品版本 --> 12 <version>1.0.0</version> 13 <!-- pom属性配置 --> 14 <properties> 15 <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> 16 </properties> 17 <!-- 构建相关配置 --> 18 <build> 19 <!-- maven插件配置 --> 20 <plugins> 21 <plugin> 22 <!-- YUI Compressor Maven压缩插件 --> 23 <groupId>net.alchim31.maven</groupId> 24 <artifactId>yuicompressor-maven-plugin</artifactId> 25 <version>1.3.0</version> 26 <configuration> 27 <!-- 读取js,css文件采用UTF-8编码 --> 28 <encoding>UTF-8</encoding> 29 <!-- 不显示js可能的错误 --> 30 <jswarn>false</jswarn> 31 <!-- 若存在已压缩的文件,会先对比源文件是否有改动。有改动便压缩,无改动就不压缩 --> 32 <force>false</force> 33 <!-- 在指定的列号后插入新行 --> 34 <linebreakpos>-1</linebreakpos> 35 <!-- 压缩之前先执行聚合文件操作 --> 36 <preProcessAggregates>true</preProcessAggregates> 37 <!-- 压缩后保存文件后缀 --> 38 <suffix>.min</suffix> 39 <!-- 源目录,即需压缩的根目录 --> 40 <sourceDirectory>${basedir}/mobile</sourceDirectory> 41 <!-- 压缩js和css文件 --> 42 <includes> 43 <include>**/*.js</include> 44 <include>**/*.css</include> 45 </includes> 46 <!-- 以下目录和文件不会被压缩 --> 47 <excludes> 48 <exclude>**/*.min.js</exclude> 49 <exclude>**/*.min.css</exclude> 50 <exclude>scripts/data/*.js</exclude> 51 </excludes> 52 <!-- 压缩后输出文件目录 --> 53 <outputDirectory>${basedir}/mobile</outputDirectory> 54 <!-- 聚合文件 --> 55 <aggregations> 56 <aggregation> 57 <!-- 合并每一个文件后插入一新行 --> 58 <insertNewLine>true</insertNewLine> 59 <!-- 需合并文件的根文件夹 --> 60 <inputDir>${basedir}/mobile/scripts</inputDir> 61 <!-- 最终合并的输出文件 --> 62 <output>${basedir}/mobile/scripts/app/app.js</output> 63 <!-- 把以下js文件合并成一个js文件,是按顺序合并的 --> 64 <includes> 65 <include>app/core.js</include> 66 <include>app/mlmanager.js</include> 67 <include>app/tmpl.js</include> 68 <include>app/ui.js</include> 69 </includes> 70 </aggregation> 71 </aggregations> 72 </configuration> 73 </plugin> 74 </plugins> 75 </build> 76 </project>
2. 执行maven命令
1 mvn yuicompressor:compress
3. 相关链接
YUI Compressor官网:http://developer.yahoo.com/yui/compressor/
相关配置参数说明:http://alchim31.free.fr/mvnsites/yuicompressor-maven-plugin/compress-mojo.html
本文转自:http://wang-jia-sina-com.iteye.com/blog/1538000
相关文章推荐
- css学习一:overflow 和float的搭配使用,实现包裹功能
- CSS3系列之3D制作
- 从 DOCTYPE 和 CSS 盒模型讲起
- css中绝对定位和浮动的异同
- 纯CSS3多列的瀑布流布局演示
- CSS3制作圆环进度动画效果
- 20个很有用的CSS技巧
- CSS粘住底部的5种方法
- css 样式重置
- CSS3常用的结构性伪类选择器①:root not empty target
- CSS实现点击事件样式
- DIV浮动层绝对居中定位用CSS怎么写
- HTML/CSS学习笔记
- css3总结
- CSS层叠上下文与BFC
- CSS笔记
- 前端的小玩意(8)——旋转的盒子(纯CSS动画效果)+可自由拖动(js)
- css绝对定位中的初始包含块问题
- css画三角形
- 【安卓】沉浸式适配 安卓实现主题样式的更改等