YUI Compressor在上一篇有过介绍了,但是YUI Compressor只能单独对一个CSS或JS文件进行处理,要批量进行操作,或者对一个项目所有的CSS和js文件进行操作,那么和ANT结合起来就很方便。只要在项目里编写一个build.xml文件就OK了。
比方说在eclipse上操作:run as→ant build,轻松一键完成
<property name="web.dir" location="WebRoot" />
<property name="yuicompressor.jar" location="WebRoot/WEB-INF/lib/YUICompressorLib/yuicompressor-2.4.1.jar" />
<property name="js.build.dir" location="webRoot/js/" />
<property name="dist.dir" location="${build.dir}" />
<!-- JS Compress -->
<target name="js.compress">
<!-- java -jar yuicompressor-2.4.1.jar -o d:/temp/hello_min.js hello.js -->
<apply executable="java" parallel="false" failonerror="true">
<fileset dir="${js.build.dir}" includes="**/*.js" />
<arg line="-jar" />
<arg path="${yuicompressor.jar}" />
<arg line="--charset utf-8" />
<srcfile />
<arg line="-o" />
<mapper type="glob" from="*.js" to="${dist.dir}/js/*.js" />
<targetfile />
</apply>
</target>
<!-- CSS Compress -->
<target name="css.compress">
<apply executable="java" parallel="false" failonerror="true">
<fileset dir="${web.dir}" includes="**/*.css" />
<arg line="-jar" />
<arg path="${yuicompressor.jar}" />
<arg line="--charset utf-8" />
<srcfile />
<arg line="-o" />
<mapper type="glob" from="*.css" to="${dist.dir}/*.css" />
<targetfile />
</apply>
</target>
PS:注意制定编码格式,不然会出现项目里编码不一致而产生错误。
分享到:
相关推荐
如果用 Ant 执行 YUI Compressor 任务时出现了中文乱码,请下载此资源,用这里边 dist 目录里边的 YUIAnt-zh_CN.jar 替换掉官方提供的 YUIAnt.jar ,然后在对应的 Ant 任务中,用 encoding="xxx" 指定源文件的字符...
总之,“用yuicompressor和Ant压缩Ext的CSS文件”是一个前端性能优化的过程,通过使用Ant自动化工具和yuicompressor压缩库,可以有效地减小CSS文件的大小,提高网页的加载速度,为用户提供更好的浏览体验。...
例如,它可以与Ant、Maven、Gradle等构建工具配合使用,或者在Node.js环境中通过Gulp、Grunt等任务管理器进行集成。 **三、JavaScript和CSS压缩原理** 1. **去除空白与注释**:YUI Compressor会删除代码中的多余...
YUI Compressor 任务时出现了中文乱码,请下载此资源,用这里边 dist 目录里边的 YUIAnt-zh_CN.jar 替换掉官方提供的 YUIAnt.jar ,然后在对应的 Ant 任务中,用 encoding="xxx" 指定源文件的字符编码集即可。
标题 "ant和yuicompressor 压缩css、js方案" 涉及到的是在软件开发中如何使用构建工具Ant以及JavaScript压缩工具YUI Compressor来优化前端资源,特别是CSS和JavaScript文件。这两个工具在Web开发中起着至关重要的...
本篇文章将详细介绍如何利用YUI Compressor与Ant结合,实现JS和CSS的自动化压缩。 首先,我们需要了解YUI Compressor的基本使用。YUI Compressor是一个命令行工具,它可以处理JS和CSS文件,将它们压缩成更小的文件...
java -jar yuicompressor-2.4.2.jar -o compressed.js input.js ``` 对于CSS文件,命令类似,只是扩展名不同。此外,`YUI Compressor` 还支持通过参数配置压缩级别、是否保留注释等选项。 5. **与其他工具的比较...
js混淆 压缩 ant结合yui-compressor
《Ant与yuicompressor.jar:优化CSS和JS的利器》 在现代Web开发中,页面加载速度对于用户体验至关重要。为了提升网页性能,开发者通常需要对CSS和JavaScript进行压缩,以减少文件大小,加快加载速度。这里我们将...
接着,下载并解压`yuicompressor-2.4.7`和`ant-1.8.2`的安装文件。将Ant添加到系统的PATH环境变量中,以便在命令行中可以直接调用`ant`命令。 在Ant的构建文件`build.xml`中,你需要定义一个任务来调用YUI ...
使用YUI Compressor非常简单,你可以通过命令行接口(CLI)或者将其集成到构建工具(如Ant、Maven、Grunt、Gulp等)中。例如,在命令行中,你可以使用以下命令来压缩JavaScript文件: ```bash java -jar yui...
在实际应用中,yuicompressor可以通过命令行接口(CLI)或集成到构建系统(如Ant、Gradle、Maven等)中进行自动化处理。通过配置参数,开发者可以根据需求调整压缩级别,平衡代码体积和可读性。例如,可以设置是否...
- **命令行使用**:在命令行界面,使用`java -jar yuicompressor-2.4.7.jar [options] input output`命令进行压缩,其中`options`是可选参数,如设置压缩级别、是否保留注释等;`input`是待压缩文件,`output`是压缩...
要在Ant中使用YUI Compressor,你需要先下载对应的JAR文件,这通常包括`yui-compressor.jar`。这个JAR文件包含了运行YUI Compressor所需的所有代码。然后,在Ant的build.xml文件中,你可以创建一个新的目标(target...
3. **在Ant构建文件中引入YUI Compressor**:在build.xml中,使用`<taskdef>`标签引入YUI Compressor的任务定义,例如: ```xml <pathelement location="path/to/yui-compressor-2.4.8.jar"/> ``` 4. ...
标题“Yui压缩和合并js工具”所涉及的核心技术是JavaScript文件的压缩与合并,这是一种常见的前端优化手段,旨在减少网页加载时间和提升页面性能。YUI Compressor是Yahoo开发的一款开源工具,用于压缩JavaScript和...
首先,你需要下载两个关键的文件:`yuicompressor-2.4.6.jar`,这是YUI Compressor的Java版本,可以从 Yahoo! 官方网站获取;另一个是 `YUIAnt.jar`,它是YUI Compressor的Ant任务扩展,可以从Ubik-Ingenierie的网站...
首先,`yuicompressor-2.4.2.jar` 是 Yahoo! 的一个开源项目,名为 YUI Compressor。它是一个强大的JavaScript和CSS压缩工具,主要用于减少前端代码的大小,进而提高页面加载速度。YUI Compressor通过删除空格、换行...