布莱恩F爱
向一位来自Portlandyobet英雄联盟的谷歌开发专家学习Angular、Web技术和Node.js。
广告 ·ultimatecourses.com
用终极课程学习Angular的正确方法”></a>
          </div>
          <article class=

Web开发自动化——apache Ant

这是关于Web开发自动化的系列文章的第一部分。在这篇文章中,我将介绍一下我使用Apache Ant开源项目自动缩小我的JavaScript和CSS文件的历史过程。

Apache Ant是一个非常强大的构建工具,我使用它来缩小我的JavaScript和CSSYUI Compressor。Apache Ant是从build . xml用于指定构建应用程序的命令和步骤的文件。坦率地说,这个使用Apache Ant的示例非常有限,但是它完全符合我的要求。

首先,定义一个的build . properties文件。

#项目违约project.name=MyProjectproject.fullname=1.0版本。#定义脚本src.scripts=. / src /脚本build.scripts=/ www / webroot / js /脚本src.styles=/ src /样式表build.styles=/ www / webroot / css /风格定义日志文件名build.logfile=ant-build.log# lib文件夹yui.jar=/ / lib / yuicompressor-2.4.8pre.jar资产

然后,我们将引用属性文件build . xml文件。下面是build.xml文件的一个片段,它将缩小单个脚本和单个样式表。

< ?xml version = " 1.0 " ? ><项目的名字=MyProject默认的=构建basedir=><描述>构建文件执行以下任务:*创建缩小脚本*创建缩小样式表描述><目标的名字=准备描述=为构建准备环境>< !——包括外部属性——构建文件的公共值——><财产文件=的build . properties/>< !——定义日志文件——><记录的名字=$ {build.logfile}/>< !——创建时间戳><tstamp><格式财产=build.builddate模式=yy hh: MM / dd / mmaa/>tstamp><回声消息=准备部署……/>目标><目标的名字=初始化取决于=准备描述=删除构建目录><删除includeemptydirs=真正的><文件集dir=$ {build.scripts}包括=/ * . js/>删除><删除includeemptydirs=真正的><文件集dir=$ {build.styles}包括=/ * . css/>删除><回声消息=删除构建董事。/>目标><目标的名字=min-scripts取决于=初始化描述=创建缩小后的脚本,并在构建目录中以相同的文件名保存该文件><javajar=$ {yui.jar}=真正的><参数价值=- o/><参数价值=$ {build.scripts} / app.js/><参数价值=——换行/><参数价值=8000/><参数价值=$ {src.scripts} / app.js/>java><回声消息=最小化脚本成功。/>目标><目标的名字=min-styles取决于=min-scripts描述=创建缩小样式表,并在构建目录中以相同的文件名保存该文件><javajar=$ {yui.jar}=真正的><参数价值=- o/><参数价值=$ {build.styles} / app.css/><参数价值=——换行/><参数价值=8000/><参数价值=$ {src.styles} / app.css/>java><回声消息=成功最小化样式表。/>目标>项目>

这种方法很有效,实际上在很长一段时间内都对我很有效。使用Ant的另一个好处是支持通过Ant直接构建Eclipse。要在Eclipse中运行Ant构建脚本,右键单击在一个build . xml文件,选择运行>Ant构建启动构建。

但是,一旦我从咕哝开始,我很快意识到,它更舒适,更适合web开发人员。而且,就像我说的,我确实更喜欢使用JSON和JavaScript而不是XML。这只是我的个人偏好。:)

布莱恩F爱

嗨,我是布莱恩。我对TypeScript, Angular和Node.js感兴趣。我和我最好的朋友邦妮结婚了,我住在波特兰,我经常滑雪。