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

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。
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值