What Gulp plugins do you use for the front-end?

Question

css

I use:
gulp-less
gulp-uglify
gulp-imagemin
gulp-concat
gulp-csso
gulp-watch
What's in your build? What plugins?
Can something be replaced or added?

Answer 1

A piece of my galpfile. Something supplied with comments.

var connect      = require('browser-sync'); // livereload
var sass         = require('gulp-sass'); // Кому что, я использую SCSS
var csscomb      = require('gulp-csscomb'); // Обязательно!
var cssmin       = require('gulp-cssmin');
var imageop      = require('gulp-image-optimization'); // Лучшая альтернатива gulp-imagemin
var concat       = require('gulp-concat');
var uglify       = require('gulp-uglify');
var plumber      = require('gulp-plumber'); // Не позволяет плагину умереть молча
var autoprefixer = require('gulp-autoprefixer');
var ngrok        = require('ngrok'); // Пробрасываем локальному серверу путь наружу для для заказчика
var spritesmith  = require('gulp.spritesmith'); // Спрайты
var notify       = require('gulp-notify'); // Уведомления
var merge        = require('merge-stream'); // Деление таска на разные потоки

Of course, there are many useful things besides this. But I myself make up in WebStorm, in which a huge number of goodies are implemented much more conveniently than in gallp plugins.

Answer 2

var gulp = require('gulp'),
plumber = require('gulp-plumber'),
gutil = require('gulp-util'),
watch = require('gulp-watch'),
rigger = require('gulp- rigger'),
clean = require('gulp-clean'),
browserSync = require("browser-sync"),
reload = browserSync.reload,
imagemin = require('gulp-imagemin'),
pngquant = require('imagemin- pngquant'),
spritesmith = require('gulp.spritesmith'),
jade = require('gulp-jade'),
uglify = require('gulp-uglify'),
stylish = require('jshint-stylish'),
jshint = require('gulp-jshint'),
jscs = require('gulp-jscs'),
sass = require('gulp-sass'),
postcss = require('gulp-postcss'),
autoprefixer = require('autoprefixer-core'),
doiuse = require('doiuse'),
cmq = require('gulp-combine-media-queries'),
cssmin = require('gulp-cssmin'),
csscomb = require( 'gulp-csscomb'),
shrthnd = require('gulp-shorthand');
After this question, my galpfile will expand

Answer 3

Of good! My list of modules. More details can be found in my frontend build .
General Purpose:

gulp-changed
gulp-debug
gulp-flatten
gulp-if
gulp-load-plugins
gulp-notify
gulp-plumber
gulp-rename
gulp-sourcemaps
gulp-util
gulp-watch

For styles:

gulp-autoprefixer
gulp-clean-css
gulp-combine-mq
gulp-concat
gulp-stylus
gulp-uncss

For pictures:
For template:

gulp-jade
gulp-jade-globbing
gulp-jsbeautifier

Answer 4

Have a look here https://github.com/zoxon/gulp-front