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。
我们用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 入门教程五:完整示例(完结篇)
- SSM框架打造完整电商平台(五)(完结)
- AngularJS入门教程:完结篇
- Grunt入门教程之(三)
- Grunt入门教程
- SeaJS入门教程系列之完整示例(三)
- SeaJS入门教程系列之完整示例(三)
- SeaJS入门教程系列之完整示例(三)
- SDL入门教程(五):5、本章范例的完整源代码
- SDL入门教程(五):5、本章范例的完整源代码
- Grunt入门教程之(一)
- jQuery 入门教程(32): jQuery UI Datepicker 示例(五)
- jQuery 入门教程(32): jQuery UI Datepicker 示例(五)
- jbpm与ssh完整示例(五)
- MRI影像学习笔记(五.完结)
- Grunt 入门教程一:开始使用Grunt(翻译自官方教程)
- Grunt 入门教程一:开始使用Grunt(翻译自官方教程)
- Docker 入门教程(五)
- sscanf,sscanf_s及其相关用法
- 我的博客开张了,关于机器视觉,欢迎大家!
- OpenStack中遇到的MTU问题 ( by quqi99 )
- sqlserver中锁表应用
- thinkphp下ueditor的使用
- grunt 入门教程五:完整示例(完结篇)
- android--imageview的小技巧
- FZU 2138 2139 久违的月赛之一(二)(贪心)
- 条件指示符 #ifdef 的用法
- MyEclipse10搭建安卓环境
- ubuntu 安装后如何设置root密码
- hdu-4510-小Q系列故事——为什么时光不能倒流
- android--获取系统时间并作为文件名
- I2C总线协议及时序图详解