1、gulp-sass
预编译 sass 文件为 css 文件，SASS 不多说，如果项目中有使用 sass ，那么这个插件应该是必备的。前面的一篇文章中，已经对该插件有所使用了，可配置编译后输出风格、是否输出sourcemap 等常用选项。类似的项目还有 gulp-scss / gulp-sassdoc / compass
安装： $npm install --save-dev gulp-sass
文档：https://www.npmjs.com/package/gulp-sass/
2、browser-sync
保持多浏览器、多设备同步、在前端开发是非常有用，可谓是必备组件。
安装：npm install browser-sync
文档：http://www.browsersync.io
3、gulp-imagemin
压缩 png/jpg/git/svg 格式图片文件
安装：$ npm install --save-dev gulp-imagemin
文档：github.com/sindresorhus/gulp-imagemin
4、gulp-gzip
Gzip 插件
安装：npm install gulp-gzip
文档：github.com/jstuckey/gulp-gzip
5、gulp-inject
一个 js/css/webComponet注入插件，browser-sync里面继承了该组件，如果使用browser-sync就不必要再单独安装gulp-inject了
安装：npm install gulp-inject
文档：github.com/klei/gulp-inject
6、gulp-markdown
markdown 不用多说，这个基本上都要用到。
安装：npm install gulp-markdown
文档：github.com/sindresorhus/gulp-markdown
7、gulp-plumber
错误处理插件，如果不希望总是因为错误而中断任务的话，那么它几乎是必备组件。
安装：npm install gulp-plumber
文档：github.com/floatdrop/gulp-plumber
8、gulp-minify-css
压缩CSS文件，几乎也是必备
安装：npm install gulp-minify-css
文档：github.com/murphydanger/gulp-minify-css
9、gulp-rename
重命名文件的插件，当要把一个文件存储为不同版本时可以使用。比如在需要一个style.css同时你有需要一个style.min.css
安装：npm install gulp-rename
文档：github.com/hparra/gulp-rename
10、gulp-concat
顾名思义，用来整合文件用的。很常用
安装：npm install gulp-concat
文档：github.com/wearefractal/gulp-concat