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

No video

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

Рет қаралды 4,715

Фронтендер

Күн бұрын

Пікірлер: 34

@user-up6es3nr6s 3 жыл бұрын

Таймкоды: 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 в спрайте

@user-rg7tx5ve7u 3 жыл бұрын

Крутой и информативный урок!

@user-ro9ix9jz9w 2 жыл бұрын

Спасибо за видео ))

@mirrror7152 3 жыл бұрын

Спасибо

@dkyshka2436 3 жыл бұрын

Спасибо огромное

@user-ro9ix9jz9w 2 жыл бұрын

gulp-imagemin с 8 версией проблема появилась откатил ^7.1.0 заработало ну вопрос : с 8 версией уже не будет работать?

@user-up6es3nr6s 2 жыл бұрын

Привет! Инструменты слишком быстро обновляются, к сожалению, сам не знаю, нужно тестировать

@oleksandr2932 2 жыл бұрын

Подскажите пожалуйста, почему в стрелочных функциях такие скобки (), а не {}? 12:30

@user-up6es3nr6s 2 жыл бұрын

Привет! Можно было и без () таких скобок написать. Когда после стрелочной функции идет выражение, например const fn = () => 'my string' или const fn =() => anotherFn() Это значит, что функция fn вернет то, что находится после => Так просто быстрее писать, чем const fn = () => { return 'my string' } learn.javascript.ru/arrow-functions-basics

@user-wm4xh4ho2t 3 жыл бұрын

почему-то при параметрах качества сжатия png [ 0.8, 0.9 ] нет сжатия, поменял на [ 0.75, 0.9 ] и всё заработало.

@user-up6es3nr6s 3 жыл бұрын

Привет! Может изображение уже было сжато? Можно попробовать с другими изображениями, так как у меня работает с этими параметрами. Но эти параметры всегда можно подстроить под себя.

@xOceanSpirit 3 жыл бұрын

Привет. Скачал по ссылке под видео с гита архив, использовал команду "npm i gulp-changed gulp-imagemin imagemin-webp imagemin-pngquant gulp-svg-sprite --save-dev" При запуске gulp imagesWatch пишет "Task never defined: imagesWatch". Не подскажешь в чем проблема?

@user-up6es3nr6s 3 жыл бұрын

Привет! Пишет что нету команду imagesWatch Посмотри в файле есть только build и watch github.com/DmitryBerdnikov/gulp-frontend-start-project/blob/lesson5/gulpfile.babel.js

@user-et8yr6xl9n 3 жыл бұрын

Спасибо за информативное видео:) но у меня проблема. почему то imagemin ломает изображение. ошибок никаких не выдает, сценарий полностью выполняется, просто в результате изображение не открывается.

@user-up6es3nr6s 3 жыл бұрын

Привет! Пробовал скачать сборку с гитхаба? Надо протестировать, есть ли эта проблема

@user-et8yr6xl9n 3 жыл бұрын

Доброе утро:) спасибо что ответил:) не, я взял сборку у одного из обзорщиков, как я понял, данная проблема довольно таки редкая. возможно виной тому мой старенький ноут. я узнал что такая проблема была в других версях imegmin но только с SVG форматом.

@user-et8yr6xl9n 3 жыл бұрын

@@user-up6es3nr6s вот только не могу понять как откатить или установить определённую версию.

@user-up6es3nr6s 3 жыл бұрын

@@user-et8yr6xl9n Может поможет Как установить конкретную версию dev-gang.ru/article/npm-ustanovka-opredelennoi-versii-paketa-o9yeyu38qz/ Версии imagemin www.npmjs.com/package/imagemin Например npm install imagemin@7.0.1

@user-et8yr6xl9n 3 жыл бұрын

@@user-up6es3nr6s не помогло :( перебрал все версии