Обзор полезных gulp плагинов

gulp — таск менеджер для автоматизации рутинных задач работает под node.js

Обзор полезных gulp плагинов

gulp-autoprefixer — автоматически расставляет префиксы к CSS свойствам
gulp-useref — парсит специфичные блоки и конкатенирует описанные в них стили и скрипты
gulp-uncss — анализирует HTML код и находит все неиспользуемые и продублированные стили.
gulp-jscpd — для поиска дубликатов в коде
gulp-notify — выводит ошибки при сборке Gulp в виде системных сообщений
gulp-jshint — проверяет js код
gulp-fixmyjs — исправляет js код после jshint
gulp-minify-css — сжимает css
gulp-uglify — сжимает js
gulp-concat — обьеденяет файлы в один
gulp-imagemin — сжимает изображения
imagemin-jpeg-recompress – пережимает jpg изображения
imagemin-pngquant – сжатие PNG с потерями https://pngquant.org/
gulp-zip — архивирует папки и файлы
gulp-gzip — создание gzip архива
gulp-csscomb — облагораживает структуру ваших CSS
gulp-htmlhint — HTML валидатор
gulp-load-plugins — автоматическая загрузка gylp плагинов из вашего package.json
gulp-size — выводит в лог размер файла
gulp-inline-css — выводит весь css в inline
gulp-grunt — позволяет запускать Grunt плагины для Gulp
gulp-sprite — создание спрайтов изображений
gulp-rev-mtime — создание временной метки для js css
gulp-rsync — rsync, для деплоя файлов на сервер
gulp-rimraf — удаление файлов и директорий
gulp-git — для работы с git
gulp-changed — обработка только измененых файлов
gulp-cat — выводит файл в консоль
gulp-svgmin — минимизация svg файлов
gulp-image-embed — конвертирует img в стилях в data-URI
gulp-ssh — для работы с SSH и SFTP
gulp-css-base64 — конвертация данных в стилях в base64 data URI
gulp-jscs — проверяет ваш js на правильность javascript Code Style http://jscs.info/
gulp-strip-debug – Strip console, alert, and debugger statements from javascript code
gulp-ruby-sass – sass препроцессор
gulp-jade – html препроцессор
gulp-bower – менеджер пакетов
gulp-rigger — позволяет импортировать один файл в другой простой конструкцией
gulp-plumber — ловим ошибки, чтобы не прервался watch
gulp.spritesmith — создание спрайтов изображений
browser-sync – прокручиваете, кликаете, обновляете и заполняете формы в различных тестируемых браузерах одновременно, браузеры автоматически обновляются с каждым изменением вашего HTML, CSS, изображений и других файлов проекта
gulp-git-deploy – деплоит гит проект в удаленный репозиторий
gulp-rev – добавляет хэш к статическому файлу, например unicorn.css ? unicorn-d41d8cd98f.css
gulp-rev-rep – используеться в связке с gulp-rev и заменяет стандартные имена на имена с хэшем
gulp-mocha – галп обертка для тест фреймверка js
gulp-coverage – инструмент определяет покрытие кода тестами работает в связке с gulp-mocha
gulp-phpunit – обертка для управления phpunit
gulp-phpspec – обертка для управления phpspec
gulp-codeception – обертка для управления codeception
gulp-selectors – плагин для gulp сокращает имена классов и id

Черный список gulp-плагинов http://gulpjs.com/plugins/blackList.json
Репозиторий gulp-плагинов http://gulpjs.com/plugins/

0 comments
  1. Mnemonist
    Mnemonist
    05.09.2016 at 22:20

    Это обзор???
    Это вроде просто список.
    Хотя мне все же помог. Нашел то что искал.

    Reply
  2. Дмитрий Дудко
    Дмитрий Дудко
    27.03.2018 at 13:21

    У меня при билде css c удаленными пробелами, не могу понять почему ((

    Reply
Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные поля помечены *

Scroll Up