Обзор полезных gulp плагинов
gulp — таск менеджер для автоматизации рутинных задач работает под node.js
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/
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/