ANT自动化压缩合并JS/CSS和更改版本号

2019独角兽企业重金招聘Python工程师标准>>>

转载至：http://blog.sina.com.cn/s/blog_8564e55a01011fhw.html

最近做到了前端优化的一些工作，涉及到了自动化部署的问题。前端优化无非是雅虎的优化法则，不过如果想把优化法则加到自动化部署中去的话，下面的几种方法可以帮助你。

这里是列表文本JS/CSS压缩脚本

<!-- 压缩JS，CSS -->
<target name="compress"><apply executable="java" parallel="false" failonerror="true"><fileset dir="${html-js}" includes="***.css" /><arg line="-jar" /><arg path="${yui-compressor}" /><arg line="--charset utf-8" /><srcfile /><arg line="-o" /><mapper type="glob" from="*.css" to="${webhtml-css}/*-min.css" /><targetfile /></apply>
</target>

更新JSS/CSS版本号

<!-- 更新静态文件的版本号 -->
<target name="version"><tstamp><format property="TIMESTAMP" pattern="yyyyMMddHHmmss" locale="en" /></tstamp><loadfile property="svn.version" srcFile="./.svn/entries"><filterchain><headfilter lines="1" skip="3" /><deletecharacters chars="\n" /></filterchain></loadfile><delete file="${webinf-ftl}/config.ftl"/><copy file="${ftl-app}/config.ftl" tofile="${webinf-ftl}/config.ftl" /><replace file="${webinf-ftl}/config.ftl" token="$version$" value="${svn.version}" />
</target>

接下来就是合并JS/CSS文件


<!-- 合并静态文件 -->
<target name="js-concat"><concat destfile="${webhtml-js}/jquery.js" encoding="utf-8" append="false"><path path="${webhtml-js}/jquery.core-min.js" /><path path="${webhtml-js}/jquery.cookie-min.js" /><path path="${webhtml-js}/jquery.timeago-min.js" /><path path="${webhtml-js}/jquery.utils-min.js" /><path path="${webhtml-js}/jquery.watermarkinput-min.js" /></concat>
</target>

转载于:https://my.oschina.net/sannychan/blog/539030

ANT自动化压缩合并JS/CSS和更改版本号相关推荐

Grunt的配置及使用（压缩合并js/css）
Grunt的配置及使用(压缩合并js/css) 安装前提是你已经安装了nodejs和npm. 你能够在 nodejs.org 下载安装包安装.也能够通过包管理器(比方在 Mac 上用 homebre ...
怎压缩html文件夹,如何利用koala压缩合并js文件？
本博客不欢迎:各种镜像采集行为,请尊重知识产权法律法规.大家都是程序员,不要闹得不开心. 苏南大叔在很久之前的文章中,曾经向大家介绍过一款很好用的js和css处理工具,叫做koala.据说是国人基于n ...
grunt 压缩 html,如何使用 grunt 插件压缩合并 js ？减少页面请求数的秘诀
本博客不欢迎:各种镜像采集行为,请尊重知识产权法律法规.大家都是程序员,不要闹得不开心. 安装好grunt后,苏南大叔下一步的计划就是配置Gruntfile.js这个配置文件.在这个文件中,苏南大叔采 ...
压缩/批量压缩/合并js文件
写在前面如果文件少的话,直接去网站转化一下就行. http://tool.oschina.net/jscompress?type=3 1.压缩单个js文件 cnpm install uglify-j ...
spingboot2.0以上利用YUI Compressor Maven结合压缩混淆JS/CSS
上一章节我们说了利用allatori技术对java class 文件内容进行混淆,防止他人巧取代码技术,这一章节我们直接进入主题,利用YUI Compressor Maven 进行对前端静态资源JS ...
php 合并 js css,PHP实现合并多个JS和CSS文件示例
//输出JS header ("Content-type:application/x-javascript; Charset: utf-8"); if(isset($_GET)) ...
性能优化--JS、CSS压缩合并
在前台性能优化过程中,减少HTTP请求数量,就可以减少与服务器交互次数,从而很好的提高系统性能,此次通过实践,网络查阅资料,发现两种压缩合并js和css的方式:combres和BundleConfig ...
YUI Compressor插件压缩后war中的js/css文件未压缩的解决方法（被maven打包顶替了）
YUI Compressor Maven插件可以压缩/合并js或css文件,经常用在Maven项目中,但最近发现在wabapp中执行了 mvn install 命令进行发布之后,终端中显示插件已经执行 ...
使用 YUI Compressor 批量压缩JS/CSS
官方网址:http://developer.yahoo.com/yui/compressor/ 安装包下载地址:https://github.com/yui/yuicompressor/downloa ...

ANT自动化压缩合并JS/CSS和更改版本号

ANT自动化压缩合并JS/CSS和更改版本号相关推荐

最新文章

热门文章