idea使用ant配置_使用Ant 构建web（IDEA && YUI Compressor）

开头不知说什么好，就先说下我的开发工具吧！IntelliJ IDEA被认为是当前Java开发效率最快的IDE工具。它整合了开发过程中实用的众多功能，几乎可以不用鼠标可以方便的完成你要做的任何事情，最大程度的加快开发的速度。简单而又功能强大。与其他的一些繁冗而复杂的IDE工具有鲜明的对比。IntelliJ IDEA 12 正式版的发布更是重新设计了名为Darcula 主题的全新用户界面。

当然也集成了ant应用，可以方便我们快速使用Ant快速构建项目。SVN也自动帮我们集成了，我们可以方便的在编辑器上提交、更新代码。当然还有许多许多功能，有兴趣的可以去研究研究。

好了，废话少说，现在切入主题。如何使用Ant进行web的部署发布呢？我们现在用一个真实的项目作为例子，一步一步的讲解一下。

首先看一下项目的目录结构：

project_min_out文件夹作为项目的根目录，build 中是项目的部署工具，build_output 是部署(压缩及其合并)之后可以上线的代码，webRoot 则是整个项目的前端源代码。

初始的 build_output 文件夹是空的，因为我们还没有部署代码，demo.html 是项目的主页面。

先来看一下整个项目主页面的代码(demo.html):

1

2

3

4

5

6

jquery ui仿腾讯web qq界面desktop酷炫特效

7

8

9

10

11

12

13