Gulp 4 сборка для верстки сайтов. Gulp 4 + Pug + SCSS + BrowserSync + Linters

Всем привет. В данном видео я расскажу вам о своей новой сборке Gulp 4.

Плейлисты моего канала, которые также могут быть вам интересны

Не ограничивай себя видеоуроками на YouTube!
Узнавайте еще больше полезной информации!

-----------------------------------------------------------------------------------
Не забываем, что самый лучший способ сказать "спасибо" - нажать кнопку "нравится" и скинуть ссылку на урок друзьям. Ничто другое так сильно не мотивирует автора продолжать работу :)

[АрсенийКособрюхов-що]

Спасибо тебе большое! Очень помогло в работе)

[artyviolet]

Урааа!! Спасибо, что без всех этих долларов. Вот так выглядит всё намного лучше. Красота)))

[mkmkmk]

Классный урок! А вот такой вопрос
Дали сайт на доработку.
Есть только HTML, CSS, JS файлы.
Если я хочу работать со сборщиком GULP, хочу использовать в работе SASS и PUG, то как это проще сделать? Т.е. надо переконвертировать существующий сайт в PUG SASS. Использовать онлайн конвертер из HTML в PUG и из CSS в SASS? Или плагины какие-нибудь есть...

[GeraltTheSLAYER]

Столкнулся с багом при создании svg спрайтов. Для них не генерируется миксин в sprites.scss и соответственно не компилируется ничего.
И еще browsersync часто выдает (buffered events), страница перезагружается, но ничего не обновляется. Что делать?(

[МаратБагаутдинов-тю]

Анатолий, добрый день. Спасибо за ваши видео. Подскажите, а как можно подключить svg спрайт заранее, чтобы он весь загрузился, а потом ссылаться на него в html? Есть какой-то способ с object и use, насколько я понимаю, но не могу найти доступно инфу по этому вопросу. Как вы решаете такую задачу? Заранее благодарю.

[ДмитрийСкориков-шф]

Доброго времени суток. А зачем два пакета sass в сборке: gulp-sass и node-sass? Тем более, что node-sass в тасках нигде не используется, а в package.json прописан? И еще вопрос: зачем png-спрайт в 2020 году?

[barkasonful]

Почему если открыть файл index.html из папки dist, то не отображаются файлы svg? В предыдущей сборке тоже было также.

[thekravz]

Привет, а у тебя есть уроки по уже новому шаблону?

[stasalsakhanov]

Анатолий, я как понимаю твоя новая сборка поддерживает формат изображений Webp.

[ihabia]

Подскажите плиз, как на prod сделать, чтобы не минифицировало html ?

[olegsoul]

А можно как-то самому внести изменения в этот шаблон, чтобы вместо SCSS использовать Stylus?

[resoursa]

Слушайте а как иконки эти красить? Ну например нужно по ховеру цвет менять. Я просто икомуном генерю.

[aIoneQQ]

Может кто объяснить как работают шрифты в этой сброке? Я так и не понял..

[alekskirilov]

Почему когда я прописываю npm i, у меня держится 0% и всё??

[ИгорьБ-цх]

Здравствуйте!
Отличная сборка - скажите пож - как сделать чтоб работало без шаблонизатора pug?

П.С. А то когда вставляеш чистй html код, оно ругается на пробел и табыы, да и сам код получается без отступов.

[raccoonkiller]

Покажешь как верстаешь на новом шаблоне?:з

[mhermuradyan]

У меня jQuery не подключается пишется note found

[СусловРостислав]

кто пробовал сборку на крупных проектах? Как она?

[СусловРостислав]

11.50 НЕ ВЗДУМАЙ УДАЛЯТЬ КОММЕНТАРИИ!!!!)) МЫ ИХ САМИ УДАЛИМ) БЕЗ НИХ ОСВОЕНИЕ СБОРКИ ЗАЙМЕТ ДОЛЬШЕ ВРЕМЕНИ)

[stasalsakhanov]

Самое главное не объяснил. Как теперь писать в js.