当前位置: 代码迷 >> HTML/CSS >> maven 兑现JS+CSS自动压缩
  详细解决方案

maven 兑现JS+CSS自动压缩

热度:1498   发布时间:2012-07-27 11:03:00.0
maven 实现JS+CSS自动压缩

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