随笔分类 -  gulp系列

gulp-rev：项目部署缓存解决方案----gulp系列（六)
摘要：引言： 前端工程化部署比较重要考虑的一个问题是缓存 ，可以参考 《变态的静态资源缓存与更新》。 使用gulp-rev解决的就是《变态的静态资源缓存与更新》提出的问题。 rev会做什么： 根据静态资源内容，生成md5签名，打包出来的文件名会加上md5签名，同时生成一个json用来保存文件名路径对应关系 阅读全文
posted @ 2016-04-22 15:23 子慕大诗人 阅读(18680) 评论(7) 推荐(1) 编辑
gulp-clean----gulp系列（五)
摘要：前面说过，当css，img，js出现删除操作的时候，虽然watch会监听，但是并不会删除相应文件。现在实现clean任务，执行任务前先删除一次build目录。先配置JS任务，设置删除目录。在系列（四）代码的基础上，再进行扩展。1.安装gulp-clean:npm install --save-dev... 阅读全文
posted @ 2015-06-18 16:28 子慕大诗人 阅读(17896) 评论(2) 推荐(2) 编辑
gulp-uglify《JS压缩》----gulp系列（四)
摘要：本节实现JS压缩，在实现压缩前，先配置JS任务，设置源目录和输出目录。在系列（三）代码的基础上，再进行扩展。1.找到gulp->config.js，对JS进行源目录(src->img)和输出目录(build->img)的配置:2.gulp->tasks里新建JS任务,如下图:3.同时在default... 阅读全文
posted @ 2015-06-12 11:14 子慕大诗人 阅读(4485) 评论(4) 推荐(3) 编辑
gulp-imagemin图片压缩----gulp系列（三)
摘要：本节实现图片压缩，在实现压缩前，先配置images任务，设置源目录和输出目录。在系列（二）代码的基础上，再进行扩展。1.找到gulp->config.js，对images进行源目录(src->img)和输出目录(build->img)的配置:2.gulp->tasks里新建images任务,如下图:... 阅读全文
posted @ 2015-06-10 15:52 子慕大诗人 阅读(3394) 评论(0) 推荐(2) 编辑
gulp-notify处理报错----gulp系列（二)
摘要：上一节，以less为例，入门了gulp，并为任务结构做了抽离。前端们，gulp该用起来了，简单的demo入门——gulp系列（一）本节学习下gulp-notify，官方这样解释的：gulp-notify：gulp plugin to send messages based on Vinyl File... 阅读全文
posted @ 2015-06-04 17:38 子慕大诗人 阅读(4278) 评论(0) 推荐(0) 编辑
前端们，gulp该用起来了，简单的demo入门——gulp系列（一）
摘要：gulp、grunt前端自动化工具，只有用过才知道多么重要。它们问世这么久了？你真的用过吗？写个简单的less、watch任务的demo分享————1.准备：安装全局node、npm，这个教程很多不作详细介绍；安装全局gulpnpm install -g gulp新建getstart文件夹，文件夹中... 阅读全文
posted @ 2015-05-27 15:41 子慕大诗人 阅读(5734) 评论(2) 推荐(1) 编辑