grunt 入门教程五:完整示例(完结篇)

本文介绍了如何利用Grunt这一强大的构建工具来自动化前端开发流程中的常见任务,如编译压缩源码、执行语法检查及单元测试等。通过具体实例分享了作者在多个项目中的实践经验,并提供了一个预先配置好的空白项目模板,旨在帮助开发者快速上手。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

getting started 四章翻译完之后中断了好久,这段期间对grunt有了更多的使用经验,直到最近把总结了之前经验了一下,才能给这个系列画上一个句号。

我们用grunt干什么?
grunt作为一个代码构建工具,我们前端代码相关的所有操作,除了写源码之外,都可以让grunt帮我们完成,这就是grunt的作用。
那么除了写源码之外,我们一般还需要做些什么?
1,编译压缩源码,比如less和coffee
2,执行语法检查和单元测试,比如jshint和qunit
3,拼接sprite,如果没有合适的工具,这一直是一个很繁琐很费时的操作,还好我们有glue。
4,部署代码,比如上传图片到cnd,上传压缩后的代码到线上。这个因为每个公司甚至每个项目都不同,很难统一处理。

最后总结,除了第4条,前三条都是grunt完全可以帮我们自动完成的。这些配置虽然不难,但还是有点麻烦的。
在几个项目中陆续配置grunt之后,总结了一套配置,然后创建了一个blankweb仓库,简单的说,下次有新的项目。直接把blankweb复制过去就可以开始写代码了。
对于老手,可以节省配置的时间,对于新手可以学习grunt的使用。

对blankweb的具体解释就不粘贴在这里了,readme里面写的比较详细。
下面是地址  https://github.com/lihongxun945/blankweb 

grunt确实是一个非常犀利的工具,任何稍微复杂的项目都应该使用。在这之前好多项目都是make脚本,完全可以换成更适合的grunt。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值