上一节，以less为例，入门了gulp，并为任务结构做了抽离。  前端们，gulp该用起来了，简单的demo入门——gulp系列（一） 本节学习下gulp-notify，官方这样解释的：gulp-notify ：gulp plugin to send messages based on Vinyl Files or Errors to Mac OS X,

原文链接：http://www.cnblogs.com/2050/p/4198792.htmlgulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。

邂逅问题一个老工程，比较乱，里面有前同事写的一个简单的gulp的task，里面有这些东西： gulp.task('dev', ['css', 'js'], function () { }); gulp.task('js', function () { gulp.src(scriptSrc) .pipe(cha

原文链接：http://www.ydcss.com/archives/26简介：使用gulp-imagemin压缩图片文件（包括PNG、JPEG、GIF和SVG图片），很多人安装gulp-imagemin都会出现错误，我也查了很多资料，也不知道所以然，我的做法是出错再重新安装，如果你知道问题所在，请一定告诉我！1、安装nodejs/全局安装gulp/本地安装gulp/创

原文链接：http://www.ydcss.com/archives/20简介：使用gulp-htmlmin压缩html，可以压缩页面javascript、css，去除页面空格、注释，删除多余属性等操作。1、安装nodejs/全局安装gulp/本地安装gulp/创建package.json和gulpfile.js文件1.1、gulp基本使用还未掌握？请参看： g

原文链接：http://www.ydcss.com/archives/94简介：使用gulp-autoprefixer根据设置浏览器版本自动处理浏览器前缀。使用她我们可以很潇洒地写代码，不必考虑各浏览器兼容前缀。【特别是开发移动端页面时，就能充分体现它的优势。例如兼容性不太好的flex布局。】1、安装nodejs/全局安装gulp/项目安装gulp/创建package.

原文链接：http://www.ydcss.com/archives/49#comments简介：使用gulp-rev-append给页面的引用添加版本号，清除页面引用缓存。1、安装nodejs/全局安装gulp/项目安装gulp/创建package.json和gulpfile.js文件1.1、gulp基本使用还未掌握？请参看： gulp详细入门教程1.

原文链接：http://www.ydcss.com/archives/41简介：使用gulp-minify-css压缩css文件，减小文件大小，并给引用url添加版本号避免缓存。重要：gulp-minify-css已经被废弃，请使用gulp-clean-css，用法一致。1、安装nodejs/全局安装gulp/本地安装gulp/创建package.json和gulpfi

原文链接：http://www.ydcss.com/archives/83简介：使用gulp-concat合并javascript文件，减少网络请求。1、安装nodejs/全局安装gulp/本地安装gulp/创建package.json和gulpfile.js文件1.1、gulp基本使用还未掌握？请参看： gulp详细入门教程1.2、本示例目录结构如下：

原文链接：http://www.ydcss.com/archives/54简介：使用gulp-uglify压缩javascript文件，减小文件大小。1、安装nodejs/全局安装gulp/项目安装gulp/创建package.json和gulpfile.js文件1.1、gulp基本使用还未掌握？请参看： gulp详细入门教程1.2、本示例目录结构如下：

原文链接：http://www.ydcss.com/archives/34简介：使用gulp-less插件将less文件编译成css，当有less文件发生改变自动编译less，并保证less语法错误或出现异常时能正常工作并提示错误信息。1、安装nodejs/全局安装gulp/项目安装gulp/创建package.json和gulpfile.js文件1.1

原文链接：http://www.ydcss.com/archives/18简介：gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。gulp是基于Nodejs的自动任务运行器， 她能自动化地完成 j

原文链接：http://www.gowhich.com/blog/621前提条件，知道如何安装nodejs、gulp，这里不做介绍，可以自行google实现此功能需要安装的gulp工具有如下npm install gulp-htmlmin gulp-imagemin imagemin-pngcrush gulp-minify-css gulp-jshint gulp-ugl

原文链接：http://www.cnblogs.com/1wen/p/5421212.html引言：　　前端工程化部署比较重要考虑的一个问题是缓存 ，可以参考 《变态的静态资源缓存与更新》。　　使用gulp-rev解决的就是《变态的静态资源缓存与更新》提出的问题。rev会做什么：　　根据静态资源内容，生成md5签名，打包出来的文件名会加上md5签名，同时

前面说过，当css，img，js出现删除操作的时候，虽然watch会监听，但是并不会删除相应文件。现在实现clean任务，执行任务前先删除一次build目录。 先配置JS任务，设置删除目录。在系列（四）代码的基础上，再进行扩展。1.安装gulp-clean:npm install --save-dev gulp-clean 2.找

本节实现JS压缩，在实现压缩前，先配置JS任务，设置源目录和输出目录。在系列（三）代码的基础上，再进行扩展。 1.找到gulp->config.js，对JS进行源目录(src->img)和输出目录(build->img)的配置:  2.gulp->tasks里新建JS任务,如下图:  3.同时在default任

本节实现图片压缩，在实现压缩前，先配置images任务，设置源目录和输出目录。在系列（二）代码的基础上，再进行扩展。 1.找到gulp->config.js，对images进行源目录(src->img)和输出目录(build->img)的配置:  2.gulp->tasks里新建images任务,如下图: 3.同时在d

前言：gulp 是一个非常有用的 web前端自动化开发 工具，可以通过配置 gulp task 帮助我们完成许多工作。不仅如此，我们还可以利用 gulp 来建一个简单的服务器，供我们测试用。下面来看看如何配置：1.首先 创建 pakeage.json 文件（包依赖）npm init接着会出现如下，提示（如果不填任何东西，直接按回车直到出现 yes 确认就行，以后也可以修改这