您的位置:首页 > 其它

认识基础任务标签—ant入门指南(3)

2011-09-09 10:50 274 查看
今天这篇文章,带大家认识下前端常用的几个ant常用任务标签。


1.concat:合并文件

concat标签非常常用,我们前端使用ant的一个核心任务,就是合并js/css文件以减少http请求。

1.1 concat的主要属性

属性
说明
destfile
合并后的文件的目标路径,包含文件名
overwrite
是否允许覆盖目标文件,默认是允许
outputencoding
输出的目标文件的编码
全部属性请看ant的英文文档。

1.2 header子标签


第二篇教程的demo,concat标签内有个header标签,这个标签是用来修改输出的目标文件的头部内容,比如你可以在目标前添加一行合并信息注释等,比如下面的代码:

<concat destfile="src/a_b.js">

<header trimleading="yes">//合并自a.js和b.js

</header>

<path path="a.js"/>

<path path="b.js"/>

</concat>

header有个trimleading用于清理行空白的属性比较关键,其他属性明河也不太理解,旧不翻译了,有兴趣的看英文文档。

1.3 concat的一些demo


合并指定路径的文件:

<concat destfile="src/a_b.js">

<path path="a.js"/>

<path path="b.js"/>

</concat>

(PS:path子标签的作用在于指定文件路径。)

合并特定的文件集合:

<concat destfile="test.js">

<fileset dir="src" includes="*.js"/>

</concat>

合并src目录下的所有文件,fileset这个标签非常重要,在讲解dataType时会重点说明。

给目标文件增加文字:

利用header标签,demo已经贴出,不再重复贴出。


2.mkdir:创建一个新的目录

比较简单,只有一个属性dir,用来指定创建的目录路径,不只是名称哦。

贴个demo:

<mkdir dir="${dist}/lib"/>

在${dist}(属性引用)下创建一个名为lib的目录。


3.copy:复制指定文件到指定位置


3.1.copy主要属性

属性
说明
file
必有属性,用于复制的源文件,除非存在fileset等dataType
tofile
将文件复制到该路径
todir
将文件复制到该目录
outputencoding
目标文件的编码

3.2.copy的demo


<copy file="a.js" tofile="src/a.js"/>

将a.js文件复制到src目录下,这里你可以修改文件名哦。

<copy file="a" todir="src"/>

将a.js文件复制到src目录下。

<copy todir="build">

<fileset dir="src" excludes="**/*.css"/>

</copy>

将src的文件(排除css文件)复制到build目录下。excludes=”**/*.css”的含义在讲解fileset会说明。


4.delete:删除指定文件(目录)


4.1.delete的主要属性

属性
说明
file
删除的目标文件
dir
删除的目标目录
verbose
是否显示每个删除的目标文件名称
quiet
当设置为true,删除的文件或目录出现错误时不抛出任何异常,正常情况下会有删除失败说明

4.2.delete的demo


<delete file="/lib/ant.jar"/>

<delete dir="lib"/>

删除ant.jar文件和lib目录。

<delete>

<fileset dir="." includes="**/*.bak"/>

</delete>

删除根目录下的所有后缀是.bak的文件。

(待续)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: