gulp相对grunt的优势在于?

1.易于使用,写法贴近于node
2.高效,不会产生过多的中间文件,减少I/O的压力
3.易于学习,API非常少

gulp常用的插件

No.1、run-sequence
Links: https://www.npmjs.com/package/run-sequence
作用:让gulp任务,可以相互独立,解除任务间的依赖,增强task复用

No.2、browser-sync
Links: http://www.browsersync.io/
作用:静态文件服务器,同时也支持浏览器自动刷新

No.3、del
Links:https://www.npmjs.com/package/del
作用:删除文件/文件夹

No.4、gulp-coffee
Links: https://github.com/wearefractal/gulp-coffee
作用:编译coffee代码为Js代码,使用coffeescript必备

No.5、coffee-script
Links: https://www.npmjs.com/package/coffee-script
作用:gulpfile默认采用js后缀,如果要使用gulpfile.coffee来编写,那么需要此模块

No.6、gulp-nodemon
Links: https://www.npmjs.com/package/gulp-nodemon
作用:自动启动/重启你的node程序,开发node服务端程序必备

No.7、yargs
Links: https://www.npmjs.com/package/yargs
作用:用于获取启动参数,针对不同参数,切换任务执行过程时需要

No.8、gulp-util
Links: https://www.npmjs.com/package/gulp-util
作用:gulp常用的工具库

No.9、gulp-less
Links:https://www.npmjs.com/package/gulp-less
作用:将less预处理为css

No.10、gulp-autoprefixer
Links:https://www.npmjs.com/package/gulp-autoprefixer
作用:使用Autoprefixer来补全浏览器兼容的css。

No.11、gulp-minify-css
Links:https://www.npmjs.com/package/gulp-minify-css
作用:压缩css。

No.12、connect-history-api-fallback
Links:https://www.npmjs.com/package/connect-history-api-fallback
作用:开发angular应用必须,用于支持HTML5 history API.

参考文档

前端构建之gulp与常用插件