Gulp предоставляет несколько полезных плагинов для работы с HTML и CSS, JavaScript, графикой и некоторыми другими вещами, как описано в следующих таблицах.
HTML & CSS плагины
| Sr.No. | Плагин и описание |
|---|---|
| 1 | autoprefixer
Он автоматически включает префиксы к свойствам CSS. |
| 2 | глотка-браузер-синхронизация
Он используется для просмотра всех файлов HTML и CSS в каталоге CSS и выполняет прямую перезагрузку страницы во всех браузерах при каждом изменении файлов. |
| 3 | Глоток-useref
Он используется для замены ссылок на неоптимизированные скрипты или таблицы стилей. |
| 4 | Глоток-электронный дизайн
Он создает шаблоны электронной почты в формате HTML, которые преобразуют стили CSS во встроенные. |
| 5 | проглатывать-uncss
Он оптимизирует CSS-файлы и находит неиспользуемые и дублированные стили. |
| 6 | Глоток-csso
Это оптимизатор CSS, который минимизирует CSS-файлы, что приводит к меньшему размеру файла. |
| 7 | Глоток-htmlmin
Это минимизирует файлы HTML. |
| 8 | Глоток-csscomb
Он используется для создания стиля для CSS. |
| 9 | Глоток-csslint
Указывает CSS-линтер. |
| 10 | Глоток-htmlhint
Он определяет валидатор HTML. |
Он автоматически включает префиксы к свойствам CSS.
Он используется для просмотра всех файлов HTML и CSS в каталоге CSS и выполняет прямую перезагрузку страницы во всех браузерах при каждом изменении файлов.
Он используется для замены ссылок на неоптимизированные скрипты или таблицы стилей.
Он создает шаблоны электронной почты в формате HTML, которые преобразуют стили CSS во встроенные.
Он оптимизирует CSS-файлы и находит неиспользуемые и дублированные стили.
Это оптимизатор CSS, который минимизирует CSS-файлы, что приводит к меньшему размеру файла.
Это минимизирует файлы HTML.
Он используется для создания стиля для CSS.
Указывает CSS-линтер.
Он определяет валидатор HTML.
Плагины JavaScript
| Sr.No. | Плагин и описание |
|---|---|
| 1 | Глоток-autopolyfiller
Это то же самое, что autoprefixer, который включает в себя необходимые полифилы для JavaScript. |
| 2 | Глоток-jsfmt
Он используется для поиска определенных фрагментов кода. |
| 3 | проглатывать-акционерные общества
Используется для проверки стиля кода JavaScript. |
| 4 | Глоток-Modernizr
Он указывает, какие функции HTML, CSS и JavaScript может предложить браузер пользователя. |
| 5 | глотка-экспресс
Запускает веб-сервер gulp express.js. |
| 6 | проглатывать-requirejs
Он использует require.js, чтобы объединить модули AMD require.js в один файл. |
| 7 | Глоток-Plato
Он генерирует отчеты анализа сложности. |
| 8 | Глоток-сложность
Он анализирует сложность и ремонтопригодность кода. |
| 9 | fixmyjs
Это исправляет результаты JSHint. |
| 10 | Глоток-jscpd
Он используется в качестве детектора копирования / вставки для исходного кода. |
| 11 | Глоток-jsonlint
Это валидатор JSON. |
| 12 | проглатывать-уродовать
Это минимизирует файлы JavaScript. |
| 13 | Глоток-CONCAT
Он объединяет файлы CSS. |
Это то же самое, что autoprefixer, который включает в себя необходимые полифилы для JavaScript.
Он используется для поиска определенных фрагментов кода.
Используется для проверки стиля кода JavaScript.
Он указывает, какие функции HTML, CSS и JavaScript может предложить браузер пользователя.
Запускает веб-сервер gulp express.js.
Он использует require.js, чтобы объединить модули AMD require.js в один файл.
Он генерирует отчеты анализа сложности.
Он анализирует сложность и ремонтопригодность кода.
Это исправляет результаты JSHint.
Он используется в качестве детектора копирования / вставки для исходного кода.
Это валидатор JSON.
Это минимизирует файлы JavaScript.
Он объединяет файлы CSS.
Модульные тесты Плагины
| Sr.No. | Плагин и описание |
|---|---|
| 1 | Глоток-nodeunit
Он запускает модульные тесты узлов из Gulp. |
| 2 | Глоток-жасмин
Он используется для сообщения о проблемах, связанных с выходом. |
| 3 | Глоток-QUnit
Он обеспечивает базовый вывод консоли для тестов QUnit и использует модуль узла PhantomJS и подключаемый модуль PhnomJS для запуска. |
| 4 | Глоток-мокко
Он определяет тонкую оболочку вокруг Мокки и запускает тесты Мокки. |
| 5 | Глоток-карма
Это было объявлено устаревшим в Gulp. |
Он запускает модульные тесты узлов из Gulp.
Он используется для сообщения о проблемах, связанных с выходом.
Он обеспечивает базовый вывод консоли для тестов QUnit и использует модуль узла PhantomJS и подключаемый модуль PhnomJS для запуска.
Он определяет тонкую оболочку вокруг Мокки и запускает тесты Мокки.
Это было объявлено устаревшим в Gulp.
Графические плагины
| Sr.No. | Плагин и описание |
|---|---|
| 1 | gulpicon
Он генерирует спрайты из SVG и конвертирует их в PNG. |
| 2 | Глоток-iconfont
Он используется с веб-шрифтами для создания файлов WOFF, EOT, TTF из SVG. |
| 3 | Глоток-imacss
Он преобразует файлы изображений в URI данных и помещает их в один файл CSS. |
| 4 | глоток реагирующим
Он генерирует адаптивные изображения для разных устройств |
| 5 | проглатывать острые
Он используется для изменения и изменения размера ориентации и фона изображения. |
| 6 | Глоток-svgstore
Он объединяет файлы SVG в один с элементами <symbol>. |
| 7 | gulp-imagemin & gulp-tinypng
Он используется для сжатия изображений, таких как PNG, JPEG, GIF, SVG. |
| 8 | Глоток-spritesmith
Он используется для создания таблицы спрайтов из набора изображений и переменных CSS. |
Он генерирует спрайты из SVG и конвертирует их в PNG.
Он используется с веб-шрифтами для создания файлов WOFF, EOT, TTF из SVG.
Он преобразует файлы изображений в URI данных и помещает их в один файл CSS.
Он генерирует адаптивные изображения для разных устройств
Он используется для изменения и изменения размера ориентации и фона изображения.
Он объединяет файлы SVG в один с элементами <symbol>.
Он используется для сжатия изображений, таких как PNG, JPEG, GIF, SVG.
Он используется для создания таблицы спрайтов из набора изображений и переменных CSS.
Компиляторы Плагины
| Sr.No. | Плагин и описание |
|---|---|
| 1 | глоток меньше
Он предоставляет LESS плагин для Gulp. |
| 2 | Глоток-дерзость
Он предоставляет плагин SASS для Gulp. |
| 3 | Глоток компас
Он предоставляет компас плагин для Gulp. |
| 4 | Глоток-стилус
Используется для хранения стилуса в CSS. |
| 5 | Глоток кофе-
Он предоставляет плагин coffeescript для Gulp. |
| 6 | проглатывать-рули
Он предоставляет плагин руля для Gulp. |
| 7 | проглатывать-Jst
Он предоставляет шаблоны подчеркивания в JST. |
| 8 | проглатывать реагируют
Он определяет шаблоны JSX Facebook React в JavaScript. |
| 9 | проглатывать-nunjucks
Он определяет шаблоны Nunjucks в JST. |
| 10 | проглатывать-dustjs
Он определяет шаблоны пыли в JST. |
| 11 | глотка-угловой-templatecache
Он определяет шаблоны AngularJS в templateCache. |
Он предоставляет LESS плагин для Gulp.
Он предоставляет плагин SASS для Gulp.
Он предоставляет компас плагин для Gulp.
Используется для хранения стилуса в CSS.
Он предоставляет плагин coffeescript для Gulp.
Он предоставляет плагин руля для Gulp.
Он предоставляет шаблоны подчеркивания в JST.
Он определяет шаблоны JSX Facebook React в JavaScript.
Он определяет шаблоны Nunjucks в JST.
Он определяет шаблоны пыли в JST.
Он определяет шаблоны AngularJS в templateCache.
Другие плагины
Плагин gulp-clean удаляет файлы и папки, а плагин gulp-copy копирует файлы из источника в новое место назначения.
Он запускает задания Grunt из Gulp
Он просматривает файлы всякий раз, когда вносятся изменения.
Он уведомляет об ошибке каждый раз при сбое задачи.
Это позволяет использовать команды Git.
Он создает документацию JavaScript для Gulp.
Он обеспечивает пересмотр статического ресурса для имен файлов.
Увеличивает версии в пакете JSON.
Это используется, чтобы ввести пакеты беседки.
Удаляет операторы console.log.
Он предварительно обрабатывает HTML, JavaScript и другие файлы на основе контекста или конфигурации среды.
Указывает продолжительность для задач Gulp.
Он запускает измененные файлы и новые файлы.
Он используется для запуска веб-сервера с LiveReload.
Он запускает команды Shell.
Соединяется с помощью задач SSH и SFTP.
Он сжимает файлы и папки.
Он определяет размер файла в удобочитаемом формате.
Он предоставляет утилиты для плагинов gulp.