达维营-前端网HTML&CSS
autoprefixer – parse CSS and add vendor prefixes to rules by Can I Use.解析CSS和添加供应商前缀的规则可以使用。
gulp-browser-sync – keep multiple browsers & devices in sync when building websites.在构建网站时，将多个浏览器和设备保持同步。
gulp-useref – parse build blocks in HTML files to replace references to non-optimized scripts or stylesheets.解析HTML文件的构建块更换非优化的脚本或样式表。
gulp-email-design – a workflow for designing and testing HTML email templates.用来设计测试电子邮件模板
gulp-uncss – 从你的项目移除无用的CSS
gulp-csso – 非常酷的CSS缩小器，将同属性交集进行合并等。very cool CSS minificator. In addition, there are many CSS optimizers and benchmark tests(GitHub) for them. But recently I saw most powerful Shorthand utility without Gulp, which does folowing:
a {
font-family: Arial;
font-style: italic;
font-size: 14px;
line-height: 18px;
font-weight: bold;
background-image: url('example.png');
background-color: red;
background-size: cover;
background-repeat: no-repeat;
}
=>
a {
font: italic bold 14px/18px Arial;
background: red url('example.png') no-repeat / cover;
}
gulp-htmlmin – neat HTML minificator.HTML缩小器
gulp-csscomb – refines the structure of your CSS.细化你的CSS结构
gulp-csslint – CSS linter.CSS缩小器
gulp-htmlhint – HTML validator.HTML验证器
gulp-processhtml – Process html files at build time to modify them as you wish.在编译时按照你的意愿处理HTML文件
JavaScript
gulp-autopolyfiller – precise polyfills. This is like Autoprefixer, but for JavaScript polyfills.gulp的autopolyfiller插件
gulp-babel – transpiler for writing next generation JavaScript.写下一代transpiler
gulp-jsfmt – for formatting, searching, and rewriting JavaScript.格式化，搜索，重构JavaScript
gulp-jscs – for checking JavaScript Code Style.检查JavaScript样式
gulp-modernizr – build out a lean, mean Modernizr machine.定制构建现代化的包装器
gulp-express — start (and supervise) an Express.js web server using, works well with socket.io。 express.js服务
gulp-requirejs and gulp-browserify – optimize the work with RequireJS and Browserify respectively.用RequireJS 和 Browserify优化工作。
gulp-plato – generate static analysis reports.生成静态分析报告。
gulp-complexity – evaluates code maintainability using Halstead and Cyclomatic metrics.采用Halstead和Cyclomatic度量评估代码的可维护性。
fixmyjs – automatically fix silly lint errors with help of JSHint (gulp-jshint).JSHint的自动修正工具。
gulp-jscpd — copy/paste detector for programming source code.用于编程源代码的复制/粘贴检测器。
gulp-buddy.js – magic number detection for javascript. （for buddy.js）
gulp-jsonlint – JSON验证程序
gulp-uglify – JavaScript压缩uglify
gulp-concat – 合并文件。
Unit Tests
gulp-nodeunit Simple gulp hook for nodeunit
gulp-jasmine Run Jasmine 2 tests in Node.js
gulp-qunit Run QUnit unit tests in a headless PhantomJS instance.
gulp-mocha Run Mocha tests
gulp-karma Example of using Karma with Gulp.
Graphics
gulpicon – mystical CSS icon solution. 一个神秘的CSS图标的解决方案。
gulp-iconfont – SVG to webfont converter.SVG字体转换成WEB字体
gulp-responsive – produce images at different sizes for responsive websites.格式成站点使用的不同尺寸的图片
gulp-sharp – fastest module for work JPEG, PNG, WebP and TIFF images.
gulp-svgstore – merge SVGs from a folder.
gulp-imacss – application and library that transforms image files to data URIs.
gulp-imagemin и gulp-tinypng or fimage compression.图像压缩
gulp-spritesmith – converting a set of images into a spritesheet and corresponding CSS variables. 雪碧图
gulp.spritesmith plugin for sprite generation, based on spritesmith.
Others其他
gulp-grunt – able to run Grunt tasks from Gulp使Gulp能够运行繁重的任务.
gulp-watch — run tasks whenever watched files change.监视文件变化时运行任务
gulp-notify – automatic error messages in system notifications center when Gulp tasks fail.当Gulp任务失败时，自动在系统
gulp-git – able to use Git commands.使能够使用GIT命令。
gulp-jsdoc – generate JavaScript documentation by running JSDoc3.通过JSDoc3
gulp-rev – static file asset revisioning through content hashing.
gulp-bump – increments versions in package JSON and gulp-update, which automatically updates packages.
gulp-bower-files – inject Bower packages.
gulp-removelogs – remove console logging statements.移除console
gulp-preprocess – preprocess files based off environment configuration.
gulp-duration — displays the elapsed execution time of Gulp tasks.跟踪任务持续时间。
gulp-changed and gulp-newer — run Gulp tasks with only those source files modified since the last successful run.当文件被更改时运行gulp任务
gulp-connect – simple static web server.简单的WEB服务
gulp-shell – run Shell commands.运行Shell命令
gulp-ssh – provides the ability to connect via SSH and SFTP.提供SSH和SFTP连接。
gulp-zip – compress files and folders.压缩文件夹和文件。
gulp-clean and gulp-copy – respectively remove and copy sources.分别删除和拷贝源文件。
gulp-replace – Search and replace strings in text files.搜索和替换文本文件中的字符串
gulp-filesize – displays sizes of files in a readable format.
gulp-util – utilities for developing Gulp plugins.Gulp插件开发工具
Compilers编译器
- gulp-less – LESS in CSS.
- gulp-sass – SASS/SCSS in СSS.
- gulp-compass – SASS with Compass in CSS.
- gulp-stylus – Stylus in CSS.
- gulp-coffee – CoffeeScript in JavaScript.
- gulp-typescript – TypeScript in JavaScript.
- gulp-jade – Jade in HTML.
- gulp-handlebars – Handlebars templates in JST.
- gulp-jst – Underscore templates in JST.
- gulp-react – Facebook React’s JSX templates in JST.
- gulp-nunjucks – Nunjucks templates in JST.
- gulp-dustjs – Dust templates in JST.
- gulp-angular-templatecache – AngularJS templates in JST.
Finally
- psi – PageSpeed Insights with reporting.
- tmi – TMI (Too Many Images) – discover your image weight on the web.
- ngrok – Introspected tunnels to localhost.
- pageres – responsive website screenshots.
- matchdep – filter npm module dependencies.
- Maybe some automatization methods you want to use directly in the editor, so look at the The Best Plugins for Sublime Text.
https://github.com/Pestov/essential-gulp-plugins