减少HTTP请求是优化网站速度的一个重要手段, 所以对javascript/css两种文件进行压缩或合并都是非常必要的.
这里介绍利用ANT来自动进行文件合并和压缩.
3.1. javascript文件合并
在开发阶段常常会把javascript文件分成几部分来写, 比如模块式的开发或多人合作, 或者使用一些外部库. 在生产环境下将比较小的文件合并成一个可以减少HTTP请求的次数, 从而达到优化的目的.
这里假设你对ANT有一定了了解, 如果没有可以参考[ANT简单介绍].
Example 1: 例子
比如现在需要把 js 目录下的 1.js 2.js 3.js 4.js 四个文件合并的成 all.js 一个文件, ANT文件可以这样写.
<target name="concatenate">
<concat destfile="all.js">
<fileset dir="js" includes="*.js" />
</concat>
</target>
fileset 中设置目录和 *.js 即可.
当几个js文件后依赖关系的时候, 合并的顺序则会比较重要了, 这里演示比如需要把 1.js 2.js 两个文件按顺序放在合并文件的最前面, 而 3.js 的 4.js 和其他的文件的顺序并不重要的写法:
<property name="core.files" value="1.js, 2.js" />
<target name="concatenate">
<concat destfile="js">
<f
这里介绍利用ANT来自动进行文件合并和压缩.
3.1. javascript文件合并
在开发阶段常常会把javascript文件分成几部分来写, 比如模块式的开发或多人合作, 或者使用一些外部库. 在生产环境下将比较小的文件合并成一个可以减少HTTP请求的次数, 从而达到优化的目的.
这里假设你对ANT有一定了了解, 如果没有可以参考[ANT简单介绍].
Example 1: 例子
比如现在需要把 js 目录下的 1.js 2.js 3.js 4.js 四个文件合并的成 all.js 一个文件, ANT文件可以这样写.
<target name="concatenate">
<concat destfile="all.js">
<fileset dir="js" includes="*.js" />
</concat>
</target>
fileset 中设置目录和 *.js 即可.
当几个js文件后依赖关系的时候, 合并的顺序则会比较重要了, 这里演示比如需要把 1.js 2.js 两个文件按顺序放在合并文件的最前面, 而 3.js 的 4.js 和其他的文件的顺序并不重要的写法:
<property name="core.files" value="1.js, 2.js" />
<target name="concatenate">
<concat destfile="js">
<f