#5 Gulp сборка проекта | assets, images, svg-sprite

Опубликовано: 18 Май 2026
на канале: Фронтендер

4,938

115

Материалы урока
Код: https://github.com/DmitryBerdnikov/gu...

npm i gulp-changed gulp-imagemin imagemin-webp imagemin-pngquant gulp-svg-sprite --save-dev

Ссылки урока
when using lastRun new files are skipped: https://github.com/gulpjs/gulp/issues...
gulp-changed: https://www.npmjs.com/package/gulp-ch...
gulp-imagemin: https://www.npmjs.com/package/gulp-im...
optipng: http://optipng.sourceforge.net/
imagemin-webp: https://www.npmjs.com/package/imagemi...
imagemin-pngquant: https://www.npmjs.com/package/imagemi...
gulp-svg-sprite: https://www.npmjs.com/package/gulp-sv...
svg-sprite configuration: https://github.com/jkphl/svg-sprite/b...
svgo: https://github.com/svg/svgo

Связь со мной
Привет! Меня зовут Дмитрий Бердников, я frontend-разработчик.
На канале делюсь знаниями по веб-разработке.
VK: https://vk.com/berdnikovdmitry
Telegram: https://t.me/berdnikovDima

#imagemin #svg-sprite

Таймкоды:
0:00 Интро
0:14 Таск assets
1:02 Перенос шрифтов
2:24 Перенос видео
3:40 Перенос изображений
6:25 gulp-debug
7:14 gulp lastRun
9:36 gulp-changed
12:15 Оптимизация изображений
14:07 imagemin-pngquant
17:03 Перевод изображений в webp
19:45 Настройка svg спрайтов
24:39 Оптимизация svg через svgo
27:28 Как стилизовать svg в спрайте