Я с наслаждением вкушаю плоды ваших экспериментов и исследований. Я даже не знаю, каким мерилом мерить мою благодарность за ваш труд.

Спасибо за дополнение к предыдущему уроку. Желаю вам продвижения канала. Среди всего того контента по веб разработке что я просмотрел на ютубе за последние полтора года, считаю ваши уроки лучшими. Однозначно заслуживаете большей аудитории!

Сборка огонь 👍 Единственное, что подправил это перевел на импорты и добавил возможность заливать фалы на хостинг по ftp ( vinyl-ftp , gulp-util)

Отличная сборка!)

Спасибо огромное за ваш труд! И сборка, и видео очень крутые, понятные даже для новичков. Хотела узнать, пользуетесь ли вы critical css для оптимизации и можно ли его как-то подключить к этой сборке?

@WebCademy

Ай бұрын

Здравствуйте. Спасибо за комментарий. Не пользуюсь. Можно поискать плагин на npm: mscharl.github.io/gulp-critical-css/

Юрий здравствуйте, gulp-changed и в принципе некие другие пакеты получившие обновления за последние 4 месяца на npmjs больше не используют метод require() а импортятся, как использовать новый подход?

@WebCademy

3 ай бұрын

Здравствуйте. Перепишите все подключения на import, те пакеты что не заработают - либо обновите, либо найдите альтернативные, чтобы работали на import. Проверьте что все работает.

Классная сборка только не подскажете где можно почитать про автодополнение путей Решение от подписчика Max Voron. Не получается добиться корректной работы если добавляешь в папку HTML другую папку с файлом HTML и в файле ставишь ссылку на CSS

@WebCademy

2 ай бұрын

ТА Здравствуйте. Там сделана замена путей через регулярные выражения. Возможно для CSS надо настроить отдельно. Базово CSS подключается в основном файле и работает нормально.

Я правильно понял, что для всех картинок теперь обязательно два варианта: 1х и 2х? я попробовал просто подключить картинку с одним форматом 1x, но какая-то библиотека создающая picture создала конечно srcset под webp x2, затем браузер посмотрев на мой 3k экран естесственно отдал приоритет ретине х2, а тут бамс, такой картинки нету)) Можно ли как-то вставлять картинки чтоб к ним не применялся picture?

@WebCademy

Ай бұрын

Обязательно сохранять в 1 и 2x. Это нормально для современной верстки. Либо перенастроить сборку, конфиги или другие пакеты.

@valerakozhura2544

Ай бұрын

@@WebCademy спасибо за ответ!

Поправьте ссылу на сборку под видео. Ведет на первую версию.

Доброго времени суток. В сборке папка docs переносится из папки src при работе со сборкой и в готовый проект (в папки build и docs)

@user-wq3po9si9i

2 ай бұрын

return gulp.src(['./app/html/**/*.html', '!./app/html/blocks/*.html', '!./app/html/docs/*.html'])

@SergiyPolar

2 ай бұрын

@@user-wq3po9si9i для меня это не проблема, а вот остальные могут быть неприятно удивлены

У меня такой вопрос, gulp-plumber и gulp-notify работают в html? Не могу никак спровоцировать ошибку.

@WebCademy

3 ай бұрын

Работают.

Подскажите как к сборке подключать к примеру swiper?

@WebCademy

2 ай бұрын

В первом видео показывал. Также на канале есть два стрима в которых мы верстали на Сборке. 1) kzread.info/dash/bejne/n5t_r8l-Y8_cmaw.html&ab_channel=%D0%92%D0%B5%D0%B1%D0%9A%D0%B0%D0%B4%D0%B5%D0%BC%D0%B8%7C%D0%AE%D1%80%D0%B8%D0%B9%D0%9A%D0%BB%D1%8E%D1%87%D0%B5%D0%B2%D1%81%D0%BA%D0%B8%D0%B9 2) kzread.info/dash/bejne/mJtkzs9xm7K7h7Q.html&ab_channel=%D0%92%D0%B5%D0%B1%D0%9A%D0%B0%D0%B4%D0%B5%D0%BC%D0%B8%7C%D0%AE%D1%80%D0%B8%D0%B9%D0%9A%D0%BB%D1%8E%D1%87%D0%B5%D0%B2%D1%81%D0%BA%D0%B8%D0%B9

Если мне нужно, чтобы была страничка, к ней подключены другие блоки html, а к ним ещё другие блоки html и именно в такой иерархии. И их много. Мне всё совать в папку blocks?

@WebCademy

2 ай бұрын

Да, в се в папке blocks. В ней вы можете создавать другие под-папки и организовывать проект удобным для себя образом.

Объясните новичку, для чего мне к примеру в своем пет проекте на реакте устанавливать сборщик вебпак или галп? Все ведь и так работает, и файлы организовал как обычно по compontents, pages и тд.

@WebCademy

3 ай бұрын

Если у вас проект на React то и не нужно. У вас там своя сборка на CRA или Vite.

@arhfallen6792

14 күн бұрын

@@WebCademy если пет проект, то исключительно Vite, CRA больше не поддерживается

Юрий а как очистить сборку от старых проектов

@WebCademy

18 күн бұрын

Для нового проекта заново копировать сборку, брать ее стартовый шаблон, делать npm i и разрабатывать.

Добрый день! Спасибо за классную сборку и множество полезных фич! Помогите, пожалуйста, решить ошибку в плагине imagemin: Message: The system cannot find the path specified. Details: errno: ENOENT syscall: spawn C:\Users\.... ode_modules\cwebp-bin\vendor\cwebp.exe Я попробовал переустановить модуль gulp-imagemin@7.1.0, или установить cwebp-bin, ибо в модуях действительно нет папки vendor, но всё закончилось ошибками

@WebCademy

Ай бұрын

У вас проблема с готовой сборкой из архива, или при установке плагина самостоятельно? Если ставите его сами, то возможно устанавливаете другую версию (по умолчанию самая последняя) и в ней могут быть другие настройки для использования. Рекомендую взять готовую сборку из нашего Telegram канала.

у меня почему-то не хочет заменять img на webm при запуске gulp docs 😐при чем не ошибок, ничего не вылетает, просто не вносит изменения в html файл

@WebCademy

2 ай бұрын

В html должна быть замена, он дописывает тег picture в html. Попробуйте последнюю 03 версию в канале.

@sad_gary

2 ай бұрын

@@WebCademy здравствуйте юрий) так я ее как раз и пробую) в ней у меня эта проблема, сборка как будто просто пропускает плагин gulp-webp-retina-html. проблема в тои что терминал даже ошибку не выдает, как быдто все так и надо... я уже проверил на сайте npm, но тщетно

@sad_gary

2 ай бұрын

@@WebCademy я уже добавил настройки checkExists: true, noWebp: false но это не помогло, думал в этом проблема... по итогу он просто не добавляет теги pictures и sourse ((

@sad_gary

2 ай бұрын

@@WebCademy при этом прописывал картинку так же тегом img как у вас ввидео, все как говорится по инструкуии не отходя в сторону

@sao4227

9 күн бұрын

@@sad_gary вы исправили ошибку?

Пути переписываются таким образом, что в любом случае указывают на корень проекта, а как быть если структура проекта многоуровневая, допустим /html/catalog/example/index.html? Как сделать так, чтобы во вложенных каталогах пути прописывались в обратную сторону ../../? (ง ͠° ͟ل͜ ͡°)ง

@WebCademy

29 күн бұрын

Как вариант можно убрать автоисправление путей, и самостоятельно всегда указывать корректные, те пути которые нужны для каждой конкретной страницы.

@artembats

29 күн бұрын

@@WebCademy Спасибо! Завелось!

Отличная сборка. Однако у мня возникла ошибка в работе таска images:docs : Error: EINVAL: invalid argument, mkdir 'D:\Projects\gulp-start-2\.webpD:\Projects\gulp-start-2\src\img' помогите решить)

@user-wq3po9si9i

2 ай бұрын

Решается просто - вместо: './src/img/**/*' , нужно писать './src/img/**/*.*'

@user-fh2gx9uk5w

Ай бұрын

@@user-wq3po9si9i подскажите новичку, почему вообще возникла такая ошибка? есть разница между тем чтобы указать любой файл и любой файл с любым расширением? И как вы поняли, что проблема в этом?

@sao4227

9 күн бұрын

​@@user-wq3po9si9i подскажите пожалуйста где именно это писать

Как расказанное в этом часовом видео связано с "Gulp сборка для верстки сайтов."? "Ускоряем процесс верстки сайтов", согласен, процесс верстки ускоряется на чуть чуть, но при чем тут Gulp? За 55 минут лишь единожды сказано про Gulp - автоматическое создание файла для подключения шрифтов...

@beegoodb1213

3 ай бұрын

В начале видео автор говорит о том что это дополнение к предыдущему уроку и само видео является обзором на то как предыдущая сборка была доработана и о том как ей пользоваться.

@PersonalOneMind

3 ай бұрын

@@beegoodb1213 так это не доработка сборки, это обычная работа с предпроцессором SASS\SCSS. К сборке это ни как не относится=) А в названии ролика на первом месте "Gulp сборка для верстки сайтов". Представляю анархию если бы в составе колбасы, на первом месте писали бы вода, крахмал, а мясо на последнем. Не знаю как остальные, но я привык читать состав и описание чего либо, когда всё идёт по убыванию. Ведь в ролике про Gulp реально не больше 2 минут из 55...

@WebCademy

3 ай бұрын

Как насчет svg спрайтов? Сжатие графики при продакшн сборке. Ну и в целом использование gulp-file-include и scss. Также ускорение идет за счет миксинов и сниппетов, и готовых классов, которые добавлены в данный стартовый шаблон. Это продолжение, есть первый ролик где больше тех части по настройке gulp.

@mykytav

Ай бұрын

Такое чувство , что вы написали свой комментарий лижбы не молчать.