日期:2014-05-17 浏览次数:20755 次
1. maven实现js+css自动压缩完整代码
?
<project xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd" xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> <modelVersion>4.0.0</modelVersion> <!-- 项目所在组、机构 --> <groupId>com.test</groupId> <!-- 项目产品名称 --> <artifactId>test-mobile</artifactId> <!-- 项目产品版本 --> <version>1.0.0</version> <!-- pom属性配置 --> <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> </properties> <!-- 构建相关配置 --> <build> <!-- maven插件配置 --> <plugins> <plugin> <!-- YUI Compressor Maven压缩插件 --> <groupId>net.alchim31.maven</groupId> <artifactId>yuicompressor-maven-plugin</artifactId> <version>1.3.0</version> <configuration> <!-- 读取js,css文件采用UTF-8编码 --> <encoding>UTF-8</encoding> <!-- 不显示js可能的错误 --> <jswarn>false</jswarn> <!-- 若存在已压缩的文件,会先对比源文件是否有改动 有改动便压缩,无改动就不压缩 --> <force>false</force> <!-- 在指定的列号后插入新行 --> <linebreakpos>-1</linebreakpos> <!-- 压缩之前先执行聚合文件操作 --> <preProcessAggregates>true</preProcessAggregates> <!-- 压缩后保存文件后缀 --> <suffix>.min</suffix> <!-- 源目录,即需压缩的根目录 --> <sourceDirectory>${basedir}/mobile</sourceDirectory> <!-- 压缩js和css文件 --> <includes> <include>**/*.js</include> <include>**/*.css</include> </includes> <!-- 以下目录和文件不会被压缩 --> <excludes> <exclude>**/*.min.js</exclude> <exclude>**/*.min.css</exclude> <exclude>scripts/data/*.js</exclude> </excludes> <!-- 压缩后输出文件目录 --> <outputDirectory>${basedir}/mobile</outputDirectory> <!-- 聚合文件 --> <aggregations> <aggregation> <!-- 合并每一个文件后插入一新行 --> <insertNewLine>true</insertNewLine> <!-- 需合并文件的根文件夹 --> <inputDir>${basedir}/mobile/scripts</inputDir> <!-- 最终合并的输出文件 --> <output>${basedir}/mobile/scripts/app/app.js</output> <!-- 把以下js文件合并成一个js文件,是按顺序合并的 --> <includes> <include>app/core.js</include> <include>app/mlmanager.js</include> <include>app/tmpl.js</include> <include>app/ui.js</include> </includes> </aggregation> </aggregations> </configuration> </plugin> </plugins> </build> </project>?
?2. 执行maven命令
mvn yuicompressor:compress
?3. 相关链接
YUI Compressor官网:http://developer.yahoo.com/yui/compressor/
相关配置参数说明:http://alchim31.free.fr/mvnsites/yuicompressor-maven-plugin/compress-mojo.html