Сборка Gulp 5 которую не нужно переустанавливать для новых проектов и версток

Опубликовано 07.12.202507.12.2025 автором ruFri

Предлагаю вашему вниманию сборку Gulp 5 которую не нужно переустанавливать для новых проектов и версток.

Содержание скрыть

Как это работает

Вы просто задаёте название нового проекта, задаёте директорию и он создаётся из вашего выбранного исходника.

Имя запускаемого или создаваемого проекта и папки с исходниками (для нового проекта) задаются в папке:

 `gulp/config/setings_folders.mjs`

Каждый проект может быть настроен на ваше усмотрение:

создавать спрайт
удаление атрибутов .svg для спрайта (fill, stroke, style)
создавать .avif
качество .avif можно настроить
создавать .webp
сжимать изображения
при создании изображений .avif и / или .webp создаётся и тег «picture»
задать для каких файлов создаем ‘picture’
если находим заданный класс для тега ‘img’, то не создаем ‘picture’ (можно ставить несколько классов)
удалять классы прописанные из пункта выше при компиляции
сжимать HTML
поддержка .webp в CSS
создавать не сжатый файл style.css

Также вы сможете:

сортировать @media — запросы — независимо от места их написания они будут правильно скомпонованы
создавать .zip
загружать файлы по FTP на сервер в нужные директории

Настроив VSCode, как описано в этой статье, вы сможете:

Просмотры: 100