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

来源:互联网 发布:淘宝评价过后怎么截图 编辑:程序博客网 时间:2024/05/23 02:16
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。