这是关于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。这只是我的个人偏好。:)
嗨,我是布莱恩。我对TypeScript, Angular和Node.js感兴趣。我和我最好的朋友邦妮结婚了,我住在波特兰,我经常滑雪。