博客已经迁移至 萌萌的IT人 ,谢谢支持
--------------------------------------------------
前序:网上很多css与js合并打包工具,其中最流行的就是ant结合yui-compressor,鉴于学习与工作需要今天就学习了一下这种方式,供大家学习交流。
步骤:1、安装jdk,并配置其变量环境;有不懂的同学建议学习http://www.cnblogs.com/nicholas_f/articles/1494073.html,哈哈~~~~
2、下载apache-ant,并配置其变量环境;有不懂的同学建议学习http://book.36ria.com/ant/index.html,呃呃~~~~
3、主要就是xml文件内容,有不懂的同学建议学习http://book.36ria.com/ant/index.html,代码如下:
<?xml version="1.0" encoding="UTF-8"?>
<project name="concat" default="build">
<property name="module" value="module"/>
<property name="asset" value="asset"/>
<property name="js" value="asset/js"/>
<property name="css" value="asset/css"/>
<property name="charset" value="utf-8"/>
<!-- yuicompressor -->
<property file="ant.properties" />
<!-- concat_css_js -->
<target name="concat_css">
<!-- delete repeat -->
<delete>
<fileset dir="${css}" includes="**/*" ></fileset>
<fileset dir="${js}" includes="**/*" ></fileset>
</delete>
<echo>concat css js begin</echo>
<concat destfile="${css}/book_detail.css" encoding="${charset}" outputencoding="${charset}" append="false" fixlastline="true">
<path path="module/global/global.css" />
<path path="module/global/btn/_btn.css" />
<path path="module/global/_form.css" />
<path path="module/dialog/_dialog.css" />
<path path="module/dialog/_dialog_login.css" />
<path path="module/header/_header.css" />
<path path="module/global/_announc.css" />
<path path="module/footer/_footer.css" />
<path path="module/book_detail/book_detail.css" />
</concat>
<concat destfile="${js}/book_detail.js" encoding="${charset}" outputencoding="${charset}" append="false" fixlastline="true">
<path path="module/global/global.js" />
<path path="module/book_detail/book_detail.js" />
</concat>
<concat destfile="${css}/order.css" encoding="${charset}" outputencoding="${charset}" append="false" fixlastline="true">
<path path="module/global/global.css" />
<path path="module/global/btn/_btn.css" />
<path path="module/global/_form.css" />
<path path="module/dialog/_dialog.css" />
<path path="module/dialog/_dialog_login.css" />
<path path="module/dialog/_dialog_order_confirm.css" />
<path path="module/header/_mini_header.css" />
<path path="module/footer/_footer.css" />
<path path="module/order/order.css" />
</concat>
<echo>concat css js end</echo>
</target>
<!-- minify-css -->
<target name="minify-css">
<apply executable="java" verbose="true" dest="${css}" failonerror="true" parallel="false">
<fileset dir="${css}" includes="**/*.css"/>
<arg line="-jar"/>
<arg path="${compressor}"/>
<arg line="--charset utf-8"/>
<arg value="--type"/>
<arg value="css"/>
<arg value="-o"/>
<targetfile/>
<mapper type="glob" from="*.css" to="*-min.css"/>
</apply>
<!-- delete concat -->
<delete>
<fileset dir="${css}" includes="**/*" excludes="**/*-min.css"></fileset>
</delete>
</target>
<!-- minify-js -->
<target name="minify-js">
<apply executable="java" verbose="true" dest="${js}" failonerror="true" parallel="false">
<fileset dir="${js}" includes="**/*.js"/>
<arg line="-jar"/>
<arg path="${compressor}"/>
<arg line="--charset utf-8"/>
<arg value="--type"/>
<arg value="js"/>
<arg value="-o"/>
<targetfile/>
<mapper type="glob" from="*.js" to="*-min.js"/>
</apply>
<!-- delete concat -->
<delete>
<fileset dir="${js}" includes="**/*" excludes="**/*-min.js"></fileset>
</delete>
</target>
<!-- build -->
<target name="build" depends="concat_css,minify-css,minify-js">
<echo>Done!</echo>
</target>
</project>
5、我的文件目录:
说明:(1)asset是合并与压缩后的css和js文件;
(2)module是合并压缩前的css和js文件;
(3)ant.properties是yui-compressor.jar包的引用,也可以直接写到build.xml中;
总结:其实这个是很简单的,我语文不好表达不好啊,有问题欢迎吐槽交流!!!!
相关推荐
javaJDK apache Zookeeper Dubbo等资源.zip 需要自取 ZooKeeper是一个分布式的,开放源码的分布式应用程序协调服务,是Google的Chubby一个开源的实现,是Hadoop和Hbase的重要组件。它是一个为分布式应用提供一致性...
JDK环境配置+apache-maven-3.6.3+1.8JDK+apache-tomcat-9.0.39 超级详细的Java环境配置教程 对于很多初学者来说,我想可能很多人都会遇到JDK环境变量的配置问题。明明就是按照度娘上的教程去一步步配置的,但还是...
Mysql JDK Tomcat Apache配置大全 很详细 非常有用!!
apache-maven-3.3.9,需要jdk7及以上版本 apache-maven-3.3.9,需要jdk7及以上版本
Harmony 为自己定了两个目标,首先是开发出一个独立并且与现有 JDK 兼容的 Java SE 5 实现,并且以 Apache 软件许可证 2.0 版发行;其次是建立一个开放的模块化运行时架构,包括虚拟机和类库之间及其内部的模块化,...
linux下jdk1.6,apache,tomcat7,mysql等常用软件的安装说明文档
apache-jmeter-5.4.3.zip jmeter5.4.3需要java8+的环境,本压缩包中包含了 jdk8 和 jmeter5.4.3 两个压缩包。 下载至本地后,解压压缩包,点击(jmeter)进入bin文件夹,双击jmeter.bat文件,会启动JMeter GUI工具
自己安装jdk apache过程中的总结,希望对大家有用,不足之处欢迎指正啊
jdk安装 环境变量配置 Apache SqlServer安装步骤
jdk、apache commons 、jquery 、JavaScript、css等各种api,希望给你带来帮助
linux下apache、tomcat及JDK安装过程图解 tomcat集群
jdk16+apache2+tomcat6+mysql5 软件下载 安装过程 JDK安装 Tomcat安装 Apache安装 MySql安装
Tomcat与JDK版本对应关系为: Servlet规格 JSP规范 EL规格 WebSocket规范 JASPIC规格 Apache Tomcat版本 最新发行版本 支持的Java版本 4.0 2.3 3.0 1.1 1.1 9.0.x 9.0.27 8及更高版本 3.1 2.3 3.0 1.1 1.1 ...
64位tomcat9.0.10+jdk8的打包,方便安装部署。Tomcat是Apache 软件基金会(Apache Software Foundation)的Jakarta 项目中的一个核心项目,由Apache、Sun 和其他一些公司及个人共同开发而成。
apache-cxf3.1.15和apache-cxf3.2.3的压缩包及对应jdk版本说明
jdk1.8.0_162.zip,apache-tomcat-8.5.0 备用吧,官网下载实在太慢了
jdk8版本资源,需要更新的开发者可以到我这里下载,在网上找不好找
apache-maven-3.5.2,需要jdk7及以上版本 apache-maven-3.5.2,需要jdk7及以上版本
linux下mysql、jdk、apache整合
安装Jdk+tomcat+apache+PHP+mysql(linux).pdf