Gulp

Плагины

Общие

• load-plugins - Автоматически загружает плагины, пока не доступно

• del - Удаляет файлы и категории

• Rename - Переименовывает файлы

• changed - Пропускает только измененные файлы

• newer - для прохождения только тех исходных файлов, которые новее, чем соответствующие файлы назначения.

• gulp-flatten - Удаляет или изменяет относительный путь к файлам

• gulp-if - Условное управление потоком

• replace - Заменят строчки в файле

html

• File include - Объединяет файлы (html) в один

• minify-html - Сжимает файл, удаляя из него лишние символы (Комментарии?)

• useref - Анализируйте блоки сборки в файлах HTML, чтобы заменить ссылки на неоптимизированные сценарии или таблицы стилей

css

• sass - Компилирует sass в css

• autoprefixer - Добавляет автоматически вендорные префексы

• gulp-group-css-media-queries - Группирует медиазапросы и ставит в конец файла

• clean-css - Чистит и сжимает файл

• csso - Минифицирует файл

• uncss - Удаляет неиспользуемые стили из css

• concat-css - Объединяет css

js

• Uglify es - Сжимает js

• Babel - Что-то делает с js

Изображения

• imagemin - Сжимает картинки без потери качества

• webp - Конвертирует изображение в webp

• Webp html - Добавляет код для изображений webp в html

• Webp css - Добавляет код для изображений webp в css

• gulp-webp-css - Добавляет код для изображений webp в css

• lazyload - Ленивая загрузка картинок cache

• lazysizes - Ленивая загрузка картинок

• svg-sprite - Создает спрайт из svg

• svgfallback - Генерирует png из svg

Шрифты

• ttf2woff - Преобразует шрифты к одному формату

• ttf2woff2 - Преобразует шрифты к одному формату

• fonter - Преобразует otf to ttf

• cssfont64 - Кодируйте данные base64 из файлов шрифтов и сохраняйте результат в файле css.