`
matychen
  • 浏览: 173237 次
  • 性别: Icon_minigender_1
  • 来自: 武汉外来务工人员
社区版块
存档分类
最新评论

maven中用yuicompressor和closure-compiler对js、css文件进行压缩

阅读更多
项目采用maven构建的时候,需要压缩js,css等,网上找了相关资料,自己综合了下~

直接放代码:

<!-- js压缩 -->
			<plugin>
				<groupId>net.alchim31.maven</groupId>
				<artifactId>yuicompressor-maven-plugin</artifactId>
				<version>1.3.0</version>
				<executions>
					<execution>
						<phase>install</phase>
						<goals>
							<goal>compress</goal>
						</goals>
						<configuration>
							<excludes>
								<exclude>**/*.min.js</exclude>
								<exclude>**/*-min.js</exclude>
							</excludes>
							<nosuffix>true</nosuffix>
							<linebreakpos>-1</linebreakpos>
						</configuration>
					</execution>
				</executions>
			</plugin>
			<!-- native2ascii -->
			<plugin>
				<groupId>org.codehaus.mojo</groupId>
				<artifactId>native2ascii-maven-plugin</artifactId>
				<version>1.0-beta-1</version>
				<executions>
					<execution>
						<phase>install</phase>
						<goals>
							<goal>native2ascii</goal>
						</goals>
						<configuration>
							<workDir>${project.build.directory}/${project.build.finalName}</workDir>
							<excludes>
								<exclude>**/*.css</exclude>
							</excludes>
							<includes>
								<include>resources/js/*.js</include>
							</includes>
						</configuration>
					</execution>
				</executions>
			</plugin>


更喜欢采用谷歌的closure-compiler + maven-antrun-plugin


<plugin>
				<groupId>org.apache.maven.plugins</groupId>
				<artifactId>maven-dependency-plugin</artifactId>
				<version>2.4</version>
				<executions>
					<execution>
						<phase>validate</phase>
						<goals>
							<goal>copy</goal>
						</goals>
						<configuration>
							<artifactItems>
								<artifactItem>
									<groupId>com.google.javascript</groupId>
									<artifactId>closure-compiler</artifactId>
									<version>r1810</version>
									<type>jar</type>
									<overWrite>true</overWrite>
									<outputDirectory>${project.build.directory}/compressor</outputDirectory>
									<destFileName>closure-compiler.jar</destFileName>
								</artifactItem>
								<artifactItem>
									<groupId>com.yahoo.platform.yui</groupId>
									<artifactId>yuicompressor</artifactId>
									<version>2.4.6</version>
									<type>jar</type>
									<overWrite>true</overWrite>
									<outputDirectory>${project.build.directory}/compressor</outputDirectory>
									<destFileName>yuicompressor.jar</destFileName>
								</artifactItem>
							</artifactItems>
						</configuration>
					</execution>
				</executions>
			</plugin>
			<plugin>
				<groupId>org.apache.maven.plugins</groupId>
				<artifactId>maven-antrun-plugin</artifactId>
				<version>1.7</version>
				<executions>
					<execution>
						<phase>install</phase>
						<goals>
							<goal>run</goal>
						</goals>
						<configuration>
							<tasks>
								<echo message="开始压缩 JS 文件. 请耐心等待!" />
								<property name="yuicompressor" value="${project.build.directory}/compressor/yuicompressor.jar" />
								<property name="closure-compiler" value="${project.build.directory}/compressor/closure-compiler.jar" />
								<property name="css.compress.directory" value="${project.build.directory}/${project.build.finalName}/resources" />
								<property name="js.compress.directory" value="${css.compress.directory}/js" />
								<apply executable="java" parallel="false" failonerror="true" dest="${js.compress.directory}">
									<fileset dir="${js.compress.directory}" includes="**/*.js" />
									<arg line="-jar" />
									<arg path="${closure-compiler}" />
									<arg line="--warning_level DEFAULT" />
									<arg line="--compilation_level SIMPLE_OPTIMIZATIONS" />
									<arg line="--js" />
									<srcfile />
									<arg line="--js_output_file" />
									<targetfile />
									<mapper type="regexp" from="^(.*)\.(js)$" to="\1-min.\2" />
								</apply>
								<move todir="${js.compress.directory}">
									<fileset dir="${js.compress.directory}" includes="**/*.js" />
									<mapper type="regexp" from="^(.*)-min\.(js)$" to="\1.\2" />
								</move>
								<echo message="成功压缩 JS 文件" />
								<echo message="开始压缩 CSS 文件. 请耐心等待!" />
								<apply executable="java" parallel="false" failonerror="true" dest="${css.compress.directory}">
									<fileset dir="${css.compress.directory}" includes="**/*.css" />
									<arg line="-jar" />
									<arg path="${yuicompressor}" />
									<arg line="--charset UTF-8" />
									<arg value="--type"/>
            						<arg value="css"/>
									<srcfile />
									<arg line="-o" />
									<targetfile />
									<mapper type="regexp" from="^(.*)\.(css)$" to="\1-min.\2" />
								</apply>
								<move todir="${css.compress.directory}">
									<fileset dir="${css.compress.directory}" includes="**/*.css" />
									<mapper type="regexp" from="^(.*)-min\.(css)$" to="\1.\2" />
								</move>
								<echo message="成功压缩 CSS 文件" />
							</tasks>
						</configuration>
					</execution>
				</executions>
			</plugin>

JQUERY 的压缩工具 uglifyjs版本的配置,必须要有nodejs环境 (executable="node")即在cmd中能够执行 node --version. uglifyjs可以在https://github.com/mishoo/UglifyJS 下载,下载后续稍稍修改bin/uglifyjs,把里面的
var uglify = require("uglify-js")


修改为
var uglify = require("./uglify-js");//或者 ../uglify-js

因为uglify-js默认是在bin目录外面的。

如需更新uglify的版本,每次覆盖相应文件,只修改上面文件即可。

<echo message="开始压缩 JS 文件. 请耐心等待!" />
								<property name="uglifyjs" value="${project.build.directory}/compressor/uglify/uglifyjs" />
								<property name="yuicompressor" value="${project.build.directory}/compressor/yuicompressor.jar" />
								<property name="closure-compiler" value="${project.build.directory}/compressor/closure-compiler.jar" />
								<property name="css.compress.directory" value="${project.build.directory}/${project.build.finalName}/resources" />
								<property name="js.compress.directory" value="${css.compress.directory}/js" />
								<apply executable="node" parallel="false" failonerror="true" dest="${js.compress.directory}">
									<fileset dir="${js.compress.directory}" includes="**/*.js" />
									<arg line=" ${uglifyjs}" />
									<arg line=" --ascii" />
									<arg line=" -o" />
									<targetfile />
									<srcfile />
									<mapper type="regexp" from="^(.*)\.(js)$" to="\1-min.\2" />
								</apply>
								<move todir="${js.compress.directory}">
									<fileset dir="${js.compress.directory}" includes="**/*.js" />
									<mapper type="regexp" from="^(.*)-min\.(js)$" to="\1.\2" />
								</move>
  • uglify.7z (40.5 KB)
  • 描述: uglify文件夹下的文件
  • 下载次数: 126
分享到:
评论
4 楼 王佳佳 2012-05-22  
哈哈,我花了两天时间搞定了,找资料找得累呀
3 楼 matychen 2012-05-21  
王佳佳 写道
我用YUI压缩怎么不执行压缩呢,压缩后还是原样?

http://matychen.iteye.com/blog/1536996 下载这个里面的工具。
2 楼 matychen 2012-05-21  
王佳佳 写道
我用YUI压缩怎么不执行压缩呢,压缩后还是原样?

哦,那个yui压缩应该是可以的啊。你可以试一试nodejs那个,那个是jquery的官方压缩工具。
1 楼 王佳佳 2012-05-21  
我用YUI压缩怎么不执行压缩呢,压缩后还是原样?

相关推荐

    java开发中压缩js,css文件

    例如,Maven的`maven-resources-plugin`和`maven-war-plugin`可以配合使用`yuicompressor-maven-plugin`来完成js和css的压缩。在Gradle中,我们可以使用`apply plugin: '...

    yui compressor 2.4.2 javascript/css压缩程序

    `YUI Compressor` 的主要功能是对JavaScript和CSS文件进行压缩,去除代码中的空白、注释和不必要的字符。它使用了高效的代码混淆算法,将变量名替换为简短的单字母形式,进一步减小文件体积。同时,对于CSS,它还会...

    YUI compressor

    在命令行下,你可以通过以下命令对JavaScript或CSS文件进行压缩: ```bash java -jar yuicompressor.jar input.js -o output.js --type js java -jar yuicompressor.jar input.css -o output.css --type css ``` ...

    使用Ant构建批量压缩js、css文件脚本

    YUI Compressor是由Yahoo开发的一款高效的JavaScript和CSS压缩工具,它可以删除代码中的空格、注释,并进行变量和函数名的混淆,从而达到压缩的目的。 以下是使用Ant和YUI Compressor进行批量压缩的基本步骤: 1. ...

    基于Java的实例源码-JS和CSS压缩混淆 JsCompressor.zip

    在IT行业中,优化网站性能是至关重要的,其中一项关键技术就是对JavaScript(JS)和Cascading Style Sheets(CSS)进行压缩和混淆。本实例源码"JS和CSS压缩混淆 JsCompressor.zip"提供了基于Java实现的工具,用于...

    org.apache.servicemix.bundles.spring-jdbc-4.0.2.RELEASE_1.zip

    Minify Maven Plugin可以自动处理这些任务,它支持YUI Compressor和Google Closure Compiler等工具进行压缩,能有效减小文件体积,提升网站性能。 总结起来,这个压缩包包含了Apache ServiceMix中的Spring JDBC模块...

Global site tag (gtag.js) - Google Analytics