Gulp - Полезные плагины

Gulp предоставляет несколько полезных плагинов для работы с HTML и CSS, JavaScript, графикой и некоторыми другими вещами, как описано в следующих таблицах.

Плагины HTML и CSS

Sr. No.	Плагин и описание
1	autoprefixer Он автоматически включает префиксы к свойствам CSS.
2	gulp-browser-sync Он используется для просмотра всех файлов HTML и CSS в каталоге CSS и выполняет оперативную перезагрузку страницы во всех браузерах при каждом изменении файлов.
3	gulp-useref Он используется для замены ссылок на неоптимизированные скрипты или таблицы стилей.
4	gulp-email-design Он создает шаблоны электронной почты HTML, которые преобразуют стили CSS во встроенные.
5	gulp-uncss Он оптимизирует файлы CSS и находит неиспользуемые и повторяющиеся стили.
6	gulp-csso Это оптимизатор CSS, который минимизирует файлы CSS, что приводит к уменьшению размера файла.
7	gulp-htmlmin Он минимизирует файлы HTML.
8	gulp-csscomb Он используется для создания средства форматирования стилей для CSS.
9	gulp-csslint Он определяет линтер CSS.
10	gulp-htmlhint Он определяет валидатор HTML.

Плагины JavaScript

Sr. No.	Плагин и описание
1	gulp-autopolyfiller Это то же самое, что и autoprefixer, который включает необходимые полифиллы для JavaScript.
2	gulp-jsfmt Он используется для поиска определенных фрагментов кода.
3	gulp-jscs Он используется для проверки стиля кода JavaScript.
4	gulp-modernizr Он определяет, какие функции HTML, CSS и JavaScript может предложить браузер пользователя.
5	gulp-express Он запускает веб-сервер gulp express.js.
6	gulp-requirejs Он использует require.js для объединения модулей AMD require.js в один файл.
7	gulp-plato Он генерирует отчеты об анализе сложности.
8	gulp-complexity Он анализирует сложность и ремонтопригодность кода.
9	fixmyjs Исправляет результаты JSHint.
10	gulp-jscpd Он используется как детектор копирования / вставки для исходного кода.
11	gulp-jsonlint Это валидатор JSON.
12	gulp-uglify Он минимизирует файлы JavaScript.
13	gulp-concat Он объединяет файлы CSS.

Плагины модульных тестов

Sr. No.	Плагин и описание
1	gulp-nodeunit Он запускает модульные тесты узлов из Gulp.
2	gulp-jasmine Он используется для сообщения о проблемах, связанных с выводом.
3	gulp-qunit Он обеспечивает базовый вывод на консоль для тестов QUnit и использует модуль узла PhantomJS и плагин QUnit для запуска PhantomJS.
4	gulp-mocha Он определяет тонкую оболочку вокруг Mocha и запускает тесты Mocha.
5	gulp-karma В Gulp он устарел.

Графические плагины

Sr. No.	Плагин и описание
1	gulpicon Он генерирует спрайты из SVG и конвертирует их в PNG.
2	gulp-iconfont Он используется с веб-шрифтами для создания файлов WOFF, EOT, TTF из SVG.
3	gulp-imacss Он преобразует файлы изображений в URI данных и помещает их в один файл CSS.
4	gulp-responsive Он генерирует адаптивные изображения для разных устройств
5	gulp-sharp Он используется для изменения и изменения размера ориентации и фона изображения.
6	gulp-svgstore Он объединяет файлы SVG в один с элементами <symbol>.
7	gulp-imagemin & gulp-tinypng Он используется для сжатия таких изображений, как PNG, JPEG, GIF, SVG.
8	gulp-spritesmith Он используется для создания таблицы спрайтов из набора изображений и переменных CSS.

Плагины для компиляторов

Sr. No.	Плагин и описание
1	gulp-less Он предоставляет LESS плагин для Gulp.
2	gulp-sass Он предоставляет плагин SASS для Gulp.
3	gulp-compass Он предоставляет плагин компаса для Gulp.
4	gulp-stylus Он используется для хранения стилуса в CSS.
5	gulp-coffee Он предоставляет плагин coffeescript для Gulp.
6	gulp-handlebars Он предоставляет плагин руля для Gulp.
7	gulp-jst Он предоставляет шаблоны подчеркивания в JST.
8	gulp-react Он определяет шаблоны Facebook React JSX в JavaScript.
9	gulp-nunjucks Он определяет шаблоны Nunjucks в JST.
10	gulp-dustjs Он определяет шаблоны Dust в JST.
11	gulp-angular-templatecache Он определяет шаблоны AngularJS в templateCache.

Другие плагины

Плагин gulp-clean удаляет файлы и папки, а плагин gulp-copy копирует файлы из источника в новое место назначения.

Sr. No.	Плагин и описание
1	gulp-grunt Он запускает задачи Grunt из Gulp.
2	gulp-watch Он следит за файлами всякий раз, когда вносятся изменения.
3	gulp-notify Он уведомляет сообщение об ошибке всякий раз, когда задача не выполняется.
4	gulp-git Это позволяет использовать команды Git.
5	gulp-jsdoc Он создает документацию JavaScript для Gulp.
6	gulp-rev Он обеспечивает изменение статических ресурсов для имен файлов.
7	gulp-bump Увеличивает версии в пакете JSON.
8	gulp-bower-files Он используется для внедрения пакетов bower.
9	gulp-removelogs Он удаляет операторы console.log.
10	gulp-preprocess Он предварительно обрабатывает HTML, JavaScript и другие файлы в зависимости от контекста или конфигурации среды.
11	gulp-duration Он определяет продолжительность для задач Gulp.
12	gulp-changed & gulp-newer Он запускает измененные файлы и более новые файлы.
13	gulp-connect Он используется для запуска веб-сервера с LiveReload.
14	gulp-shell Он запускает команды оболочки.
15	gulp-ssh Он подключается с помощью задач SSH и SFTP.
16	gulp-zip Он сжимает файлы и папки.
17	глоток-чистый и глоток-копия
18	gulp-filesize Он определяет размер файла в удобочитаемом формате.
19	gulp-util Он предоставляет утилиты для плагинов gulp.