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。

grunt 入门教程五：完整示例（完结篇）相关推荐

Scrapy爬虫入门教程五 Selectors（选择器）
Scrapy爬虫入门教程一安装和基本使用 Scrapy爬虫入门教程二官方提供Demo Scrapy爬虫入门教程三命令行工具介绍和示例 Scrapy爬虫入门教程四 Spider(爬虫) Scrap ...
sql数据库教程百度云_绘画自学零基础入门教程|五天学会绘画pdf百度云下载！...
绘画自学零基础入门教程|五天学会绘画pdf百度云下载!画画是可以让人留存记忆的事情.我自己就很喜欢画画来记录生活中一些特别的日子.场景还有我的家人朋友们.有时候,比照片更有故事感和纪念意义-有空拿出来 ...
linux宝塔搭建网站,宝塔Linux面板搭建网站入门教程五(宝塔Linux面板安装WordPress博客程序)...
本文于 2021-04-01 00:04 更新,本文內容具有時效性,如有失效,請在博客站內搜相關商家名稱,即可查看到關於此商家的最新優惠活動! 國外商家建議使用"谷歌瀏覽器"訪問, ...
【我的Latex学习之路】转载自：E喵的LaTeX新手入门教程（1）准备篇
E喵的LaTeX新手入门教程(1)准备篇 **声明:**本篇博客转载自E喵的LaTeX新手入门教程,具体的出处我也找不到了,网络上好多好多,觉得他写的不错,于是就作为自己入门的教程,摘抄至此,重新排版 ...
R语言七天入门教程五：认识并使用函数
R语言七天入门教程五:认识并使用函数一.什么是函数在编程语言中,如果有一段代码需要在多次重复使用,除了复制粘贴外,还可以将其写成一个函数.函数可以很方便地实现代码复用,对于复杂的程序功能,可以将其 ...
python自学免费教程-python免费入门教程/求完整的Python入门教程
python不错的入门学习教程或者学习路线?适合新手的可以去菜鸟教程去学,里面有很多基础入门的教程. 不过你想深入学习的话,学马哥python, 网上有一些免费的教程,课程很系统,讲的通俗易懂求完 ...
Android入门教程五之使用AndroidStudio+SDK开发安卓APP
<div class="col middle-column big-middle-column">&l ...
python画图marker显示_python画图（标记、marker、设置标记大小、marker符号大全）（图文详细入门教程五）...
初衷本人由于平常写论文需要输出一些结果图,但是苦于在网上搜python画图时,详细的教程非常多,但是就是找不到能马上解决自己问题那一行代码,所以打算写一些适合需求简单的朋友应急用的教程,应急就必须方 ...
python画图（标记、marker、设置标记大小、marker符号大全）（图文详细入门教程五）
初衷本人由于平常写论文需要输出一些结果图,但是苦于在网上搜python画图时,详细的教程非常多,但是就是找不到能马上解决自己问题那一行代码,所以打算写一些适合需求简单的朋友应急用的教程,应急就必须方 ...

grunt 入门教程五：完整示例（完结篇）

grunt 入门教程五：完整示例（完结篇）相关推荐

最新文章

热门文章