1) Сборку Gulp вы можете скачать в моем Telegram-канале: t.me/+ptcLDf_acOpkYjQy 2) 🔥Поддержать канал можно здесь: www.donationalerts.com/r/coderfolder 3) В видео использую консоль Git Bash, так как она классно подходит для Gulp (быстро работает) и на случай, если вы используете легкий редактор кода без встроенной консоли (например: Sublime Text) 4) Заранее извиняюсь за мелкий шрифт, канал новый, не учел данного нюанса, в следующих видео исправлюсь.
@@ruchnaya_klad_konst здравствуйте, сама сборка в архиве RAR, только что проверил, скачал с моего сайта, всё открывается. Подскажите, в чем именно проблема?
Блин походу это какой то анонимный клуб пострадавших от курса Фрилансера по жизни. Я с вами согласен😂 Но надо признать благодаря его урокам я стал на ноги просто именно галп у него получился сложным.
Вот он клад который я искал) Всё по полочкам! Разбирался 2 дня и вёл конспект для себя, чтобы разобраться) Просто великолепный материал. Буду всем советовать ваш канал! Вы огромный молодец! Удачи в процветании канала👏
Хорошо объяснил принцип работы галпа, собственно только теперь мне стала понятна каждая строчка кода, и что главное, сама сборка, как мне кажется , сделана в классическом стиле, без всяких лишних и непонятных наворотов, тут даже ребенок разберется. Лайк однозначно!
Спасибо за такой крутой отзыв, да, сборка делалась специально без лишних наворотов, оставил всё самое основное и необходимое, это база, на которую можно накатить всё, что угодно, тем более, когда уже понятно, что к чему. Успехов!
Возвращаюсь периодически к вашему видео с момента выхода. С помощью этого курса удалось собрать собственную сборку без ошибок (за понижение версий плагинов отдельное спасибо: например, с версией bootstrap@5.3.3 пришлось помучиться и проблема решилась понижением версии). По Gulp самое точное и подробное видео. Спасибо!
Спасибо большое, очень классно всё объяснили. Наконец-то gulp работает))) Автор, у Вас, очень классно получается объяснять понятным языком. И что лично для меня является важным, Вас хочется слушать))) Успехов)))
Спасибо за сжатый, емкий материал. Очень полезно для НЕ новичков или кто работает с разными сборками. Быстро посмотреть и что то вспомнить для верстки различных проектов, не тратить время на поиски
Алоха, кодэры!) Автор ты - лучший!!!! Респект тебе и уважуха! Несказанно рад что нашел это видео, оно сэкономило мне уйму времени! Это самый крутой разбор по GULP что я видел, а я много херни пересмотрел) Подписался, надеюсь продолжишь радовать контэнтом!
Если вас не затруднит, вы на 1:12:30 ввели команду чтобы вывести script файлы в главный main файл. У меня это получаються комментарии, сможете ли вы подсказать альтернативу какую-то, чтобы зароботало(работаю также в VScode)
@@michaelbenett410 проверьте, установлен ли плагин rigger? И прописываете ли вы вот так: // = (то есть через пробел и знак равенства). Должно всё работать
Здравствуйте еще раз:) Вы в сообществе задали вопрос по темам видео. Как подписчик, мне было бы интересно посмотреть ролик по верстке сайта по шаблону(вместе поверстать, без БЭМ, Bootstrap і тд) Так как сам формат очень полезный + популярный, изза новичков которые хотят практиковаться с более опытными ребятами. Был бы очень рад с вами пописать код, если это можно так назвать)0)
Огромное спасибо за сборку!!! Это именно то, что я искал. Нигде не мог найти как сохранить "красивый" и "минимизированный" файл того же CSS и JS . Да и сама настройка самая понятная из всех. Только 1 момент со стилями, browserSync обновляет index страницу, на другой странице приходится вручную обновлять браузер, чтобы увидеть изменение стилей, хотя при изменении html проблем нет.
Нашел решение проблемы с обновлением стилей в браузере. в css прописано 2 билда (1 для красивого css, 1 для минимизированного), после каждого прописал .pipe(browserSync.reload({stream: true})). И теперь сижу довольный как слон@@coderfolder 🙂
Спасибо за подробный видос) Мне кажется, проще писать во встроенном терминале VS Code -- не нужно переходить между каталогами и удобно создавать несколько терминалов, + там можно выбрать bash)
Очень крутой видеоурок. есть видео о настройке gulp и у других ютуберов, но доступней чем ты никто не объясняет. Хотел уже забросить установку и настройку gulp но наткнувшись на твой видос решил попробовать последний раз))). и у меня получилось. не сразу... потратил на это минимум три дня. без знания js. но я это сделал. Спасибо тебе огромное. могу только догадываться сколько трудов тебе стоило сделать такой видос. Низкий поклон.
Спасибо большое. Очень кстати свежий видеоконспект. Есть много хороших видеоуроков, но из-за обновлений они уже не актуальны. Хотя на ошибках , наверное, тоже надо учиться...
Пожалуйста, рад, что вам понравилось) безусловно стоит учиться на ошибках, но когда ты начинающий, это очень угнетает, и отбивает желание что-либо делать, тем более, когда ошибки не по твоей вине
Это просто бомбически! Спасибо тебе, добрый человек. Единственное, у меня был двухчасовой затык с тем, что при запуске команды gulp браузер выдавал ошибку, а иногда не выдавал и работал только тогда, когда я руками удаляла папку dist и заново писала команду gulp. А потом на видео заметила, что можно просто перезагрузить браузер🤦♀😂 И оно сработало. Это было облегчение))) Такие видео - это просто подарок, спасибо!
приветствую, если будут какие-то трудности и ошибки, не стоит сильно мучаться, вы можете сравнить свою сборку с моей, скачать её можно в моем телеграм: t.me/+ptcLDf_acOpkYjQy
Спасибо за ценный урок , но есть одна большая просьба : если будете дальше записывать видео , то делайте размер шрифта в vscode больше ! При разделении экрана на две части код который вы пишете нужно рассматривать под лупой , чуть глаза не вылезли пока два часа щурится .
Спасибо за видео с подробными объяснениями и саму сборку🤝 Скачал без проблем, всё отлично работает. В сборке присутствует плагин gulp-webp для конвертации изображений в формат webp, который не разбирался в видео. Поделитесь ещё пожалуйста плагинами для минификации и конвертации видео, если пользуетесь. Ещё раз огромное спасибо!!! 😁😁😁
Огромное спасибо за сборку!!! Всегда были проблемы с Gulp. Давно искала хорошую сборку. Единственное (это лично мое мнение) мне было удобнее писать модульно с примением ES6 стандарта. Но это чисто вкусовщина.
красавчик, ну ты очень хорошо постарался, надеюсь, другим зайдет твой видеоурок, тебе всего хорошего в твоих начинаниях! а я буду наслаждаться и изучать gulp, слушая как ты все объясняешь
Хорошее объяснение. Лайк. Но на будущее, постарайтесь увеличивать размер шрифта в редакторе и консоли (не удобно читать мелкий шрифт на стандартном разрешении видео).
Все кто застрял на images: В свойствах src и wath объекта path нужно добавить расширение jpg, тк у автора прописан там только jpeg. Также желательно поставь jpg с самого начала, что бы выглядело примерно так: images: srcPath + `assets/images/**/*.{jpg,jpeg,png,svg,gif,webp,ico,xml,json,webmanifest}`,
Спасибо большое за подробный экскурс в gulp! Единственное что хотел спросить, насколько актуально знать фронтендеру галп? Или галп нужен больше для верстальщиков, а для фронтендеров достаточно знать основу?
Добрый вечер! Я считаю, в любом случае фронтендеру знать это не повредит, это автоматизация рутинных задач при разработке frontend-проекта. Конечно, можно и без gulp или webpack, но это дополнительные затраты по времени и удобству, а также скорости загрузки сайта
Привет, спасибо большое за этот видео урок. У вас все отлично получилось!!!! Я подписался на вас поставил лайк и посмотрю другие ваши виде. Из установки плагинов у меня выдало ошибки на gulp-autoprefixer и gulp-strip-css-comments. Не знаю почему, буду разбираться, все остальное работает как вы показывали. Спасибо вам!!!
@@coderfolder Спасибо! gulp-autoprefixer и gulp-strip-css-comments - эти плагины выдавали ошибки из за новых версий. Установил версии из видео и все заработало.
есть косяк. rigger при обработке js файла меняет const на let, и если просто написать код в разных файлах то ничего он не соединяет, соединение как на видео показано просто импортом файлом, насколько я понял rigger тут не причем. а вот почему он подставляет let я так и не понял. чтобы я не делал, imagemin не обрабатывает файлы, все время пишет [07:36:23] Starting 'images'... [07:36:23] gulp-imagemin: Minified 0 images [07:36:23] Finished 'images' after 392 ms и файл появляется в dist но он битый и не открывается
Интерсная сборка, не увидел на видео подключения плагина rigger, однако в таске вы его прописали, и у вас не выдало ошибку. По поводу подключения блоков и отдельных частей, галп-инклюд как по мне поудобнее будет
Спасибо за отзыв! да, верно, насчет плагина rigger, к сожалению, он был случайно пропущен при монтаже видео, в комментариях писали об этом. Насчёт галп-инклюд, попробую его поиспользовать, спасибо за идею ))
Олсо , когда автор делает на 1:02:43 запуск css таска , то у него запускается autoprefixer, сделал точно также , но у меня не компилировалось, выдавало dest.on не является функцией. Решение нашел на stackOverflow , нужно прописывать другой autoprefixer , потому что этот не является потоком и там нужно с бубном потанцевать . Лучше просто закоментировать и дальше проходить , если надо , то потом лучше разобраться ))
Запись нескольких расширений через .{png, jpg, svg} уже не работает, в данном случае возьмётся только расширение png, остальные будут игнорироваться. Если нужно несколько расширений файлов, используйте код *.+(png|jpg|svg)
у кого не работает "gulp js", нужно: прописать "const rigger = require('gulp-rigger');" в начале файла. Почему-то этого на видео я не видел (или пропустил).
Тоже столкнулась с этим, после просмотра кода, дошло, чего не хватает, исправила, а тут ваш комментарий. Значит не мой косяк))) const rigger = require("gulp-rigger");
А у меня риггер так и не работает. Как писал ошибку, так и пишетю Помоги пожалуйста, я конст прописал, по видео все проверил $ gulp js [16:01:43] Using gulpfile E:\gulp-site\gulpfile.js [16:01:43] Starting 'js'... [16:01:43] 'js' errored after 21 ms [16:01:43] TypeError [ERR_INVALID_ARG_TYPE]: The first argument must be of type string or an instance of Buffer, ArrayBuffer, or Array or an Array-like Object. Received undefined at new NodeError (node:internal/errors:399:5) at Function.from (node:buffer:334:9) at new Buffer (node:buffer:289:17) at E:\gulp-site ode_modules\gulp-rigger\index.js:20:29 at Rigger. (E:\gulp-site ode_modules igger\index.js:719:9) at Rigger.emit (node:events:513:28) at Rigger.emit (node:domain:489:12)
@@kingston131313, мы не можем видеть полностью ваш код, поэтому сложно точно найти ошибку. 1) Посмотрите на константу: const rigger = require("gulp-rigger"); 2) Еще раз посмотрите на правильность написания кода 3) Попробуйте снова установить rigger, возможно пропустили установку: npm i gulp-rigger --save-dev
Спасибо, автор! Может кто знает, как установить плагин gulp-version-number? Также как остальные? Но для него еще конфигурация есть, не пойму куда ее вписать. Благодарю.
Видео СУПЕР! Спасибо автору! Есть вопрос: "Обжимание" изображений это круто, но гугл частенько ругается, на отсутствие "современных форматов изображений" да и про видео так же ругается... Подскажите, как автоматизировать получение изображений из jpg и png в WEBP ? Слышал, что такое практикуется, но как это реализовать через gulp? Спасибо.
Здравствуйте, есть специальный плагин для webp, вы можете скачать мою сборку в телеграмм, там я добавил обработку изображений webp: t.me/+ptcLDf_acOpkYjQy
Коменты от студента) в функции function fonts() не было написано как в других функциях .pipe(dest(path.build.fonts)), и без этого шрифты не переносились в папку dist, я дописала. Теперь переносятся шрифты только с расширением woff2, а woff не перенеслись. Но у меня записано вот так fonts: srcPath + "assets/fonts/**/*.{woff2, woff, eot, ttf, svg}" после этого я поменяла местами расширения fonts: srcPath + "assets/fonts/**/*.{woff, woff2, eot, ttf, svg}" и теперь в папку dist переносятся только шрифты с расширением woff. Тоже самое попробовала сделать с png и jpg , та же история выходит. Видимо считывает только первое расширение и на этом все
И вам спасибо, очень приятно, когда то, что ты делаешь понятно и полезно другим. Вы очень внимательная, все ошибки в видео нашли)) Насчет удаления файлов после перезапуска, да, clean отработает только после перезапуска проекта. Можно попробовать сделать по-другому, но я думаю, что это будет сильнее нагружать систему, когда каждый раз после любого изменения будет пересобираться весь проект, гораздо проще пересобрать его перед работой (запуском)
Уважаемый автор курса, еще раз убеждаюсь, что сборка супер. Подскажите пожалуйста, как можно решить задачу такую: В SRC/SCSS есть несколько файлов стилей, как можно реализовать что бы style.scss собирал в себя все scss (из SRC/SCSS) , при этом media.scss помещал в низ css? Был ли у вас такой опыт? Спасибо.
Здравствуйте, я просто не очень понимаю смысла в этом, так как препроцессор SCSS для этого и создан, чтобы упрощать жизнь. Можно внутри селектора сразу, прописывать медиа-запрос, относящийся к нему, это очень удобно
@@coderfolder Благодарю за ответ. Смысл вот в чем (по моей задумке): каждый блок страницы, это в src/scss отдельный файл, я могу ошибаться, это было бы удобно в случае каких либо правок (как минимум не надо "партянку" скролить). В идеале, всё по той же задумке в каждом файле scss (он же блок), прописывать медиа запросы, но что бы gulp мог все медиа помещать в самый низ css файла. Вроде бы (в теории) удобно на стадии разработки и для дальнейшего редактирования.
Здравствуйте, спасибо большое за курс) Подскажите пожалуйста, 55:54 после запуска (ошибки исправила) не появилась папка dist , с чем может быть связано
здравствуйте, js и css мы подключаем ещё в src. Dist - это сжатый вариант для браузера, он компилируется сам, то есть мы в этом не участвуем. Вся наша работа происходит в исходниках - то есть в папке src
Не работал imagemin, проблема была в том что расширение фото было прописано заглавными буквами, добавил в список PNG... т.е. присутствует чувствительность к регистру
При щапуске gulp выдает ошибку: The following tasks did not complete: default, , watchFiles, serve, , html, css, js. Did you forget to signal async completion ? Можете помочь ?
Спасибо огромное, очень для меня своевременно, классно все изложено. У меня такой вопрос, вчера мне ответили, что галп и веб пак, это прошлый век.. Так ли это на самом деле? И еще, нахожусь в самом начале своего пути по верстке, может кто поможет, советами, гугл конечно неплох. но иногда все же наставник просто необходим. Удачи Автору. с меня подписка лайк, и пожалуй поделюсь на стене в VK
Спасибо за такой классный комментарий) я думаю есть более новые инструменты, которые в чем-то лучше, но опять-таки, сообщество у gulp и webpack уже очень большое с годами, поэтому банально разобраться и решить ошибки будет проще
Приветствую, спасибо за отзыв, и то, что написали о поведении плагина на мак ос, пока не знаю решение, надеюсь, получится разобраться. На крайний случай, посмотрите аналоги плагина только для мак
первая проверка и сразуже ошибка "Error [ERR_REQUIRE_ESM]: require() of ES Module C:\Users\AMD\Desktop ew-stack ode_modules\gulp-autoprefixer\index.js from C:\Users\AMD\Desktop ew-stack\gulpfile.js not supported." Я понял что многие пакеты больше не могут быть импортированы с помощью require, надо использовать import
Здраствуйте помогите пж делаю все как на видео показано вот тол выходит ошибка с imagemin-ом [06:22:23] Starting 'images'... [06:22:23] gulp-imagemin: Minified 0 images [06:22:23] Finished 'images' after 426 ms перепробовал много чего загуглил не нашёл решение не в синтаксисе проблема function запускается срабатывает но ничего не сжимает как будто не видеть изображений в папке src/assets/images я проверял пути написаны правильно может сталькнулся кто)))
@Адхам Хурсандзода привет. В свойствах src и wath объекта path тебе нужно добавить расширение jpg, тк у автора прописан там только jpeg. Также желательно поставь jpg с самого начала, что бы выглядело примерно так: images: srcPath + `assets/images/**/*.{jpg,jpeg,png,svg,gif,webp,ico,xml,json,webmanifest}`, обязательно убери пробелы между расширениями, тк это строка.
52:00 тайминг У меня есть маленькая проблема в виде того, что функция .pipe (dest*) не видит метод(во время прописывания .pipe у вас появилась подсказка "method"), все плагины и т.п установил вроде как корректно, пооткатывал старые версии. может ли это быть из за какой то неправильной установки node.js? Если я переустановлю node.js после наполовину проделанных действий в видео, сломаю ли я это все? буду рад помощи, спасибо!
Попробуйте просто прописать pipe, не обращая внимания на подсказки, и посмотрите, корректно ли работает проект, я думаю, подсказки могут глючить. Если переустановить Node - ничего не случится плохого
подскажите пожалуйста почему не отображаются картинки на странице , imagemin работает правильно в консоли пишет что сжал на 50% , но картинки не отображаются при этом видно только alt
в видео пропущено создание const rigger = require("gulp-rigger"), выдаст ошибку при запуске gulp js Кто смотрит обратите на это внимание и просто допишите константу
У кого первая функция тоесть html не запускается возможно у вас версии плагинов другие тоесть с момента выхода этого видео они уже обновились. Вот у меня были проблемы с плагинами: "gulp-imagemin", "del" . Для решения проблемы я прописал такую команду в консоле для gulp-imagemin. npm i gulp-imagemin@7.1.0 -D это значит что я скачиваю плагин именной с версии 7.1.0 А для "del" такую команду npm i del@6.0.0 Может когда вы будете скачивать и другие плагины обновились и вы просто может на видео посмотреть какие у автора версии и скачать необходимые используя данную команду. Как писать команду для изминения версии плагина можно увидеть на 31:00 минуте видео он напримере показывает.
@@hyperpocket. да можно но для сборки требуются именно те версии как на видео в твоём случае скачаются последние версии и они не всегда подойдут для данной сборки.
а по видосу и установки, смотрел видосы других блогеров, онии устанавливали плагины галпа через встроенный терминал вс-кода, что мне показалось проще)) ну это чисто мое мнение, я тут не какой-то там авторитет)
Видео хорошее. Автор молодец. Gulp хрень. JS подключается в подвале, css в head. Это около 30 секунд занимает времени с кружкой пива в одной руке. С колокольни 10 лет стажа верстки. Из полезного префиксер (хотя не нужен особо), обжимальщик изображений (не особо нужен, есть аналоги если прям уж приспичит и диз в фотошопе), чистильщик мусора (?? вы че с мусором css пишете в редакторе ворд?), обжатие html (мем, потом вы как это будете на ЦМс ставить, юзлесс, исключительно для SPA и работу JS по АПИ), scss окей удобно (хотя кто заставляет писать через scss...), минификация js,css (средствами сервера это сделать проще). Но это ладно, самые приколы начинаются тогда, когда вы слайдер сраный типа swiper затрахаетесь подключать с кучей ошибок и гуглежом на сутки, чтобы понять что автор gulp-webpcss плагина обосрался, но нашелся другой чел который выпустил другой плагин gulp-webpcss-fixed где вычистил косяки предыдущего. И добро пожаловать в ад в общем. Вместо того, чтобы делать работу, вы будете заниматься херней с соитиями
Я уже намучился со всем этим, до того как увидел видео. Да и опять прошел год и все изменилось и gulp уже 5. Ауторъ, у тебя от 2024 в видео только год в названии
Привет, в ролике на 1:46:54 ты рассказывал в скользь про то как сохранять в папку pages html файлы, сделав так (root: srcPath + "pages/",)как ты показал результата не дало(( страницу не видит. Подскажи пожалуйста как решить данный вопрос.
Столкнулся с проблемой, Imagemin минимизирует только .png, остальные расширения просто игнорирует, может кто-то сталкивался? Что делать? Уже всё перерепробовал, и другие версии ставил, и перепроверил несколько раз, всё как на видео, но ничего не работает(
Я на середине видео)) function images() не отрабатывает формат png, не минимизировала и не перенесла изображение в папку dist Я еще только учусь и пока с трудом даётся поиск ошибок
![I.N "HALLUCINATION" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/n5B5q1Hwt_U/mqdefault.jpg)
1) Сборку Gulp вы можете скачать в моем Telegram-канале: t.me/+ptcLDf_acOpkYjQy
2) 🔥Поддержать канал можно здесь: www.donationalerts.com/r/coderfolder
3) В видео использую консоль Git Bash, так как она классно подходит для Gulp (быстро работает) и на случай, если вы используете легкий редактор кода без встроенной консоли (например: Sublime Text)
4) Заранее извиняюсь за мелкий шрифт, канал новый, не учел данного нюанса, в следующих видео исправлюсь.
Добрый день! Спасибо за видео! и четкое объяснение - для чего это надо) к сожалению файл не открывается(
@@ruchnaya_klad_konst здравствуйте, сама сборка в архиве RAR, только что проверил, скачал с моего сайта, всё открывается. Подскажите, в чем именно проблема?
Подскажите пожалуйста в чем тут дело:
function fonts() {
return src(path.src.fonts, { base: srcPath + "assets/fonts/" })
}
function clean() {
return del(path.clean)
}
const build = gulp.series(clean, gulp.parallel(html, css, js, images, fonts));
exports.html = html
exports.css = css
exports.js = js
exports.images = images
exports.fonts = fonts
exports.clean = clean
exports.build = build
$ gulp build
ReferenceError: gulp is not defined
at Object. (D:\gulp-site\gulpfile.js:112:15)
at Module._compile (node:internal/modules/cjs/loader:1218:14)
at Module._extensions..js (node:internal/modules/cjs/loader:1272:10)
at Module.load (node:internal/modules/cjs/loader:1081:32)
at Module._load (node:internal/modules/cjs/loader:922:12)
at Module.require (node:internal/modules/cjs/loader:1105:19)
at require (node:internal/modules/cjs/helpers:103:18)
at requireOrImport (C:\Users\Анна\AppData\Roaming
pm
ode_modules\gulp-cli\lib\shared
equire-or-import.js:19:11)
at execute (C:\Users\Анна\AppData\Roaming
pm
ode_modules\gulp-cli\lib\versioned\^4.0.0\index.js:37:3)
at Liftoff.handleArguments (C:\Users\Анна\AppData\Roaming
pm
ode_modules\gulp-cli\index.js:211:24)
Coder Folder такого канала в телеграмме нет??????
@@СергІйХомутовський-ш9х канал есть, но он приватный, вот ссылка t.me/+XdAznJ88P20zZWRi
даже у "Фрилансера по жизни " не на столько понятно и доходчиво )) мучался с ошибками , теперь всё ясно !
полностью согласен. я не смог по его уроку настроить gulp. а по этому уроку смог)
у меня такая же проблема с "Фрилансером по жизни", постоянные ошибки и сбои.
Блин походу это какой то анонимный клуб пострадавших от курса Фрилансера по жизни.
Я с вами согласен😂
Но надо признать благодаря его урокам я стал на ноги просто именно галп у него получился сложным.
Как раз у него все понятно. А тут есть недостатки. Но это может потому что опыт уже есть.
Вот он клад который я искал)
Всё по полочкам! Разбирался 2 дня и вёл конспект для себя, чтобы разобраться) Просто великолепный материал. Буду всем советовать ваш канал! Вы огромный молодец! Удачи в процветании канала👏
Благодарю за тёплый отзыв) Моя сборка, есть в телеграмме, ссылка в закрепленном комменте, всегда можно сравнить, если вдруг ошибки
@@coderfolder огромное спасибо! И респект)
Хорошо объяснил принцип работы галпа, собственно только теперь мне стала понятна каждая строчка кода, и что главное, сама сборка, как мне кажется , сделана в классическом стиле, без всяких лишних и непонятных наворотов, тут даже ребенок разберется. Лайк однозначно!
Спасибо за такой крутой отзыв, да, сборка делалась специально без лишних наворотов, оставил всё самое основное и необходимое, это база, на которую можно накатить всё, что угодно, тем более, когда уже понятно, что к чему. Успехов!
@@coderfolder кстати, заметил, что autoprefixer похоже не настроен, надо было внутрь параметры передать, он не работает
Хоть я и ругал тебя всю дорогу за мелкий шрифт, но сборка (и её копия на другом проекте) работает! Спасибо!
Возвращаюсь периодически к вашему видео с момента выхода. С помощью этого курса удалось собрать собственную сборку без ошибок (за понижение версий плагинов отдельное спасибо: например, с версией bootstrap@5.3.3 пришлось помучиться и проблема решилась понижением версии). По Gulp самое точное и подробное видео. Спасибо!
Низкий поклон за Вашу работу! Успехов и процветания!!!
Спасибо за Ваше видео, все понятно и просто разложили на части.
Спасибо большое, очень классно всё объяснили. Наконец-то gulp работает)))
Автор, у Вас, очень классно получается объяснять понятным языком.
И что лично для меня является важным, Вас хочется слушать)))
Успехов)))
Спасибо огромное за такой приятный комментарий, безумно мотивируете снимать дальше)
Хоть одно адекватное объяснение на ютубе. Спасибо за видео, так держать!
Спасибо за такой комментарий, удачи в обучении!
@@coderfolder Консоль говорит, что команду не найдена, почему ?
Подписка, лайк и все остальное!!! Ценим и уважаем ваш труд! Продолжайте! Это очень качественный контент простыми, понятными словами!
Спасибо, очень рад, что вам понравилась моя подача материала, безумно мотивируете двигаться дальше!
@@coderfolder Еще, сама сборка доступно разложена и написана по порядку. Просто я сравниваю с «Фрилансером по жизни», если знаете.
Спасибо за сжатый, емкий материал. Очень полезно для НЕ новичков или кто работает с разными сборками. Быстро посмотреть и что то вспомнить для верстки различных проектов, не тратить время на поиски
Консоль говорит, что команду не найдена, почему ?
Божечки-кошечки, как же ты объясняешь, мил человек. Кланяюсь в ноги. Не переставай только, делись знаниями своими великими 😍
Алоха, кодэры!)
Автор ты - лучший!!!! Респект тебе и уважуха!
Несказанно рад что нашел это видео, оно сэкономило мне уйму времени! Это самый крутой разбор по GULP что я видел, а я много херни пересмотрел)
Подписался, надеюсь продолжишь радовать контэнтом!
Спасибо за такой теплый отзыв, безумно приятно слышать :3
Спасибо тебе за проделанную работу, за твой труд, видео очень подробное и понятное.
Большое спасибо за такой большой и подробный курс, реально спасибо. Удачи во всех начинаниях
пожалуйста) подписывайтесь, много полезного контента по разработке готовлю в ближайшем будущем
Если вас не затруднит, вы на 1:12:30 ввели команду чтобы вывести script файлы в главный main файл. У меня это получаються комментарии, сможете ли вы подсказать альтернативу какую-то, чтобы зароботало(работаю также в VScode)
@@michaelbenett410 проверьте, установлен ли плагин rigger? И прописываете ли вы вот так: // = (то есть через пробел и знак равенства). Должно всё работать
Спасибо, ты крут:3
Здравствуйте еще раз:) Вы в сообществе задали вопрос по темам видео. Как подписчик, мне было бы интересно посмотреть ролик по верстке сайта по шаблону(вместе поверстать, без БЭМ, Bootstrap і тд) Так как сам формат очень полезный + популярный, изза новичков которые хотят практиковаться с более опытными ребятами. Был бы очень рад с вами пописать код, если это можно так назвать)0)
Огромное спасибо за сборку!!!
Это именно то, что я искал. Нигде не мог найти как сохранить "красивый" и "минимизированный" файл того же CSS и JS .
Да и сама настройка самая понятная из всех.
Только 1 момент со стилями, browserSync обновляет index страницу, на другой странице приходится вручную обновлять браузер, чтобы увидеть изменение стилей, хотя при изменении html проблем нет.
спасибо за такой крутой отзыв, рад помочь)
Нашел решение проблемы с обновлением стилей в браузере.
в css прописано 2 билда (1 для красивого css, 1 для минимизированного), после каждого прописал .pipe(browserSync.reload({stream: true})).
И теперь сижу довольный как слон@@coderfolder 🙂
чувак ты красавчик!! продолжай в том же духе! буду тебя смотреть, так как изучаю верстку а в последующем буду учиться на фронэнэд
Спасибо за такой коммент, безумно приятно слышать!)
Спасибо за подробный видос)
Мне кажется, проще писать во встроенном терминале VS Code -- не нужно переходить между каталогами и удобно создавать несколько терминалов, + там можно выбрать bash)
Очень крутой видеоурок. есть видео о настройке gulp и у других ютуберов, но доступней чем ты никто не объясняет. Хотел уже забросить установку и настройку gulp но наткнувшись на твой видос решил попробовать последний раз))). и у меня получилось. не сразу... потратил на это минимум три дня. без знания js. но я это сделал. Спасибо тебе огромное. могу только догадываться сколько трудов тебе стоило сделать такой видос. Низкий поклон.
Свежий обзор галпа, информативно, лайк))
Огромное спасибо за такую работу! Многое стало понятно. Успехов в развитии канала, ждём новых тем))
Спасибо огромное)
Топово, реально
С начала пика js прошло 3 года, по старым видосам сложно настраивать
А тут свежак огонь❤
очень помогаешь и мне и другим понять что и как!
очень рад, что смог доступно объяснить материал, для меня - это лучший комплимент :)
Крутотень, весь ютуб пересмотрел и только у тебя понятно что к чему. Вот бы ещё по Webpack
Скоро будет, подписывайтесь, чтобы не пропустить)
@@coderfolder Ваааау!!! Подписался однозначно
Спасибо! Только сегодня столкнулся с проблемой с плагином del. Пол дня голову ломал и форумы читал
Пожалуйста) очень рад, что смог вам помочь!
Спасибо большое. Очень кстати свежий видеоконспект. Есть много хороших видеоуроков, но из-за обновлений они уже не актуальны. Хотя на ошибках , наверное, тоже надо учиться...
Пожалуйста, рад, что вам понравилось) безусловно стоит учиться на ошибках, но когда ты начинающий, это очень угнетает, и отбивает желание что-либо делать, тем более, когда ошибки не по твоей вине
Это просто бомбически! Спасибо тебе, добрый человек. Единственное, у меня был двухчасовой затык с тем, что при запуске команды gulp браузер выдавал ошибку, а иногда не выдавал и работал только тогда, когда я руками удаляла папку dist и заново писала команду gulp. А потом на видео заметила, что можно просто перезагрузить браузер🤦♀😂 И оно сработало. Это было облегчение))) Такие видео - это просто подарок, спасибо!
И вам спасибо за такой тёплый комментарий, желаю удачи в обучении)
Спасибо, все понятно, детально, шрифт мелковато, но стоило все посмотреть, gulp хорошая штука, я все откладывал его изучение. 🚀
Спасибо) да, со шрифтом накосячил, исправлюсь
Большое спасибо!
Вы лучший!
Спасибо, взаимно)
Огромное спасибо за сборку!!!
Пожалуйста ☺️
Очень круто! Ты молодец , очень доступно объяснил 👍👍👍
Выражаю респект тем новичкам которые собрали gulp с первого раза >_
Ну что я дошёл до проверки Tack проверки в Git Bash и в итоге ошибки какие то в скрипте. На сегодня хватит вернусь завтра со свежей головой.
приветствую, если будут какие-то трудности и ошибки, не стоит сильно мучаться, вы можете сравнить свою сборку с моей, скачать её можно в моем телеграм: t.me/+ptcLDf_acOpkYjQy
Спасибо большое, у меня были все ошибки, но благодаря им я научилась гуглить на английском, познакомилась с stackoverflow
Спасибо за ролик!
спасибо за видео. все работает
пожалуйста) приятно, что моё объяснение оказалось понятным и полезным
благодарю за урок
Пожалуйста)
кайф, спасибо за контент! подписался!
благодарю 🙏
Спасибо за ценный урок , но есть одна большая просьба : если будете дальше записывать видео , то делайте размер шрифта в vscode больше ! При разделении экрана на две части код который вы пишете нужно рассматривать под лупой , чуть глаза не вылезли пока два часа щурится .
Спасибо за видео с подробными объяснениями и саму сборку🤝 Скачал без проблем, всё отлично работает. В сборке присутствует плагин gulp-webp для конвертации изображений в формат webp, который не разбирался в видео. Поделитесь ещё пожалуйста плагинами для минификации и конвертации видео, если пользуетесь. Ещё раз огромное спасибо!!! 😁😁😁
Огромное спасибо за сборку!!! Всегда были проблемы с Gulp. Давно искала хорошую сборку. Единственное (это лично мое мнение) мне было удобнее писать модульно с примением ES6 стандарта. Но это чисто вкусовщина.
Спасибо большое за отзыв) Есть повод выпустить обновление курса в будущем, на ES6 стандарте🤔
Спасибо за сборку 🙃
Можешь пожалуйста шрифт в vs code делать побольше?
Огромное спасибо за ваш труд!!! Очень помогли в изучении Gulp.
Пожалуйста ;)
Спасибо за крутой урок
Пожалуйста)
Дякую за годний контент!!!!
И вам спасибо, за отзыв)
Крутая сборка бро_удачи в начинаниях в ютубе
большое спасибо! и тебе желаю успехов в освоении этого дела)
красавчик, ну ты очень хорошо постарался, надеюсь, другим зайдет твой видеоурок, тебе всего хорошего в твоих начинаниях! а я буду наслаждаться и изучать gulp, слушая как ты все объясняешь
спасибо за такой комментарий) безумно рад, что нравится моё объяснение
Боже, тип, спасибо тебе за это. Заслуженная подписка
Спасибо. Ты крутой ;)
Спасибо тебе большое,очень помог .Желаю тебе успехов и удачи
Спасибо за отзыв, взаимно!
Спасибо огромное, очень круто :)
Пожалуйста)
.pipe(dest(path.build.fonts)) нужно добавить fonts для того что бы локальные шрифты перекидывались dist
да, верно, в видео забыл, спасибо за грамотное замечание!
Супер, очень помогло
Спасибо за отзыв)
Чел, спасибо большое за гайд!
А то я в своё время тоже намучался с imagemin и del
Пожалуйста! Рад был помочь :)
Очень хорошее видео. Спасибо
Пожалуйста ☺️ Благодарю за отзыв!
Хорошее объяснение. Лайк. Но на будущее, постарайтесь увеличивать размер шрифта в редакторе и консоли (не удобно читать мелкий шрифт на стандартном разрешении видео).
Все кто застрял на images: В свойствах src и wath объекта path нужно добавить расширение jpg, тк у автора прописан там только jpeg. Также желательно поставь jpg с самого начала, что бы выглядело примерно так: images:
srcPath +
`assets/images/**/*.{jpg,jpeg,png,svg,gif,webp,ico,xml,json,webmanifest}`,
а тебя импортирует png? у меня именно png почему-то игнорит..
@@КостяПироженкоПроверь у картинки расширение написано верхнем регистре , если да просто переведи в нижний
Svg не перекидывается.можете помочь?
годнота, новичкам самое то!
Спасибо большое за подробный экскурс в gulp! Единственное что хотел спросить, насколько актуально знать фронтендеру галп? Или галп нужен больше для верстальщиков, а для фронтендеров достаточно знать основу?
Добрый вечер! Я считаю, в любом случае фронтендеру знать это не повредит, это автоматизация рутинных задач при разработке frontend-проекта. Конечно, можно и без gulp или webpack, но это дополнительные затраты по времени и удобству, а также скорости загрузки сайта
Спасибо огромное!!! Ждем обновление с webpack
помог, лайк
Привет, спасибо большое за этот видео урок. У вас все отлично получилось!!!! Я подписался на вас поставил лайк и посмотрю другие ваши виде. Из установки плагинов у меня выдало ошибки на gulp-autoprefixer и gulp-strip-css-comments. Не знаю почему, буду разбираться, все остальное работает как вы показывали. Спасибо вам!!!
Спасибо огромное за такой отзыв, успехов вам!!!
@@coderfolder Спасибо! gulp-autoprefixer и gulp-strip-css-comments - эти плагины выдавали ошибки из за новых версий. Установил версии из видео и все заработало.
@@illiabulgakov2013 отлично! спасибо большое за комментарий, учту данные плагины
скажите пожалуйста как переустановить а то у меня 2 плагина 8.0.0 и 9.0.0
я просто не знаю как удалить
Лайкнул 10 раз!
есть косяк. rigger при обработке js файла меняет const на let, и если просто написать код в разных файлах то ничего он не соединяет, соединение как на видео показано просто импортом файлом, насколько я понял rigger тут не причем. а вот почему он подставляет let я так и не понял.
чтобы я не делал, imagemin не обрабатывает файлы, все время пишет
[07:36:23] Starting 'images'...
[07:36:23] gulp-imagemin: Minified 0 images
[07:36:23] Finished 'images' after 392 ms
и файл появляется в dist но он битый и не открывается
Здравствуйте. За видео спасибо. Так же хорошо было бы добавить компиляцию typescript в js.
Судя по документации там не всё так просто.
Добрый день, спасибо за отзыв, в ближайшем будущем планируется множество уроков на тематику веб-разработки, подписывайтесь
Интерсная сборка,
не увидел на видео подключения плагина rigger, однако в таске вы его прописали, и у вас не выдало ошибку.
По поводу подключения блоков и отдельных частей, галп-инклюд как по мне поудобнее будет
Спасибо за отзыв! да, верно, насчет плагина rigger, к сожалению, он был случайно пропущен при монтаже видео, в комментариях писали об этом. Насчёт галп-инклюд, попробую его поиспользовать, спасибо за идею ))
@@coderfolder там два варианта есть, gulp-include и gulp-file-include (я обычно второй использую, он легче и понятнее)
@@MelkoR4111 благодарю за ответ!
it's amazing
Олсо , когда автор делает на 1:02:43 запуск css таска , то у него запускается autoprefixer, сделал точно также , но у меня не компилировалось, выдавало dest.on не является функцией. Решение нашел на stackOverflow , нужно прописывать другой autoprefixer , потому что этот не является потоком и там нужно с бубном потанцевать . Лучше просто закоментировать и дальше проходить , если надо , то потом лучше разобраться ))
согласен, ошибки эти - геморрой ещё тот, проще либо забить и найти аналог, либо откатить версию на более старую
Запись нескольких расширений через .{png, jpg, svg} уже не работает, в данном случае возьмётся только расширение png, остальные будут игнорироваться. Если нужно несколько расширений файлов, используйте код *.+(png|jpg|svg)
Классное замечание, возьму на заметку, правда, не знаю, насколько это верно, нужно проверить документацию
у кого не работает "gulp js", нужно:
прописать "const rigger = require('gulp-rigger');" в начале файла.
Почему-то этого на видео я не видел (или пропустил).
Тоже столкнулась с этим, после просмотра кода, дошло, чего не хватает, исправила, а тут ваш комментарий. Значит не мой косяк)))
const rigger = require("gulp-rigger");
А у меня риггер так и не работает. Как писал ошибку, так и пишетю Помоги пожалуйста, я конст прописал, по видео все проверил
$ gulp js
[16:01:43] Using gulpfile E:\gulp-site\gulpfile.js
[16:01:43] Starting 'js'...
[16:01:43] 'js' errored after 21 ms
[16:01:43] TypeError [ERR_INVALID_ARG_TYPE]: The first argument must be of type string or an instance of Buffer, ArrayBuffer, or Array or an Array-like Object. Received undefined
at new NodeError (node:internal/errors:399:5)
at Function.from (node:buffer:334:9)
at new Buffer (node:buffer:289:17)
at E:\gulp-site
ode_modules\gulp-rigger\index.js:20:29
at Rigger. (E:\gulp-site
ode_modules
igger\index.js:719:9)
at Rigger.emit (node:events:513:28)
at Rigger.emit (node:domain:489:12)
@@kingston131313, мы не можем видеть полностью ваш код, поэтому сложно точно найти ошибку. 1) Посмотрите на константу: const rigger = require("gulp-rigger"); 2) Еще раз посмотрите на правильность написания кода 3) Попробуйте снова установить rigger, возможно пропустили установку: npm i gulp-rigger --save-dev
у меня к сожалению тоже rigger не работает. Константу rigger прописал
@@kingston131313 тоже самое все перепроверил , все равно ошибка
Спасибо, автор! Может кто знает, как установить плагин gulp-version-number? Также как остальные? Но для него еще конфигурация есть, не пойму куда ее вписать. Благодарю.
Видео СУПЕР!
Спасибо автору!
Есть вопрос:
"Обжимание" изображений это круто, но гугл частенько ругается, на отсутствие "современных форматов изображений" да и про видео так же ругается...
Подскажите, как автоматизировать получение изображений из jpg и png в WEBP ?
Слышал, что такое практикуется, но как это реализовать через gulp?
Спасибо.
Здравствуйте, есть специальный плагин для webp, вы можете скачать мою сборку в телеграмм, там я добавил обработку изображений webp: t.me/+ptcLDf_acOpkYjQy
Коменты от студента) в функции function fonts() не было написано как в других функциях .pipe(dest(path.build.fonts)), и без этого шрифты не переносились в папку dist, я дописала. Теперь переносятся шрифты только с расширением woff2, а woff не перенеслись. Но у меня записано вот так fonts: srcPath + "assets/fonts/**/*.{woff2, woff, eot, ttf, svg}" после этого я поменяла местами расширения
fonts: srcPath + "assets/fonts/**/*.{woff, woff2, eot, ttf, svg}" и теперь в папку dist переносятся только шрифты с расширением woff.
Тоже самое попробовала сделать с png и jpg , та же история выходит. Видимо считывает только первое расширение и на этом все
может там вместо фигурных скобок квадратные поставить?
@@alexanderpooh4015 попробую)
@@НатальяТулякова-п5д пробовали квадратные?
@@AntonioBenderas пока нет, у меня работает, я пробелы лишние удалила, проект закончу и вернусь к этой теме
в path > src > в images и fonts убрал пробелы после запятых где перечисляются форматы в фигурных скобках и все заработало
Автору спасибо) все получилось. Только файлы не нужные эта сборка удаляет только после перезапуска. В виде заметила, что у вас тоже copy.html был
И вам спасибо, очень приятно, когда то, что ты делаешь понятно и полезно другим. Вы очень внимательная, все ошибки в видео нашли)) Насчет удаления файлов после перезапуска, да, clean отработает только после перезапуска проекта. Можно попробовать сделать по-другому, но я думаю, что это будет сильнее нагружать систему, когда каждый раз после любого изменения будет пересобираться весь проект, гораздо проще пересобрать его перед работой (запуском)
Уважаемый автор курса, еще раз убеждаюсь, что сборка супер.
Подскажите пожалуйста, как можно решить задачу такую:
В SRC/SCSS есть несколько файлов стилей, как можно реализовать что бы style.scss собирал в себя все scss (из SRC/SCSS) , при этом media.scss помещал в низ css? Был ли у вас такой опыт?
Спасибо.
Здравствуйте, я просто не очень понимаю смысла в этом, так как препроцессор SCSS для этого и создан, чтобы упрощать жизнь. Можно внутри селектора сразу, прописывать медиа-запрос, относящийся к нему, это очень удобно
@@coderfolder Благодарю за ответ.
Смысл вот в чем (по моей задумке): каждый блок страницы, это в src/scss отдельный файл, я могу ошибаться, это было бы удобно в случае каких либо правок (как минимум не надо "партянку" скролить).
В идеале, всё по той же задумке в каждом файле scss (он же блок), прописывать медиа запросы, но что бы gulp мог все медиа помещать в самый низ css файла.
Вроде бы (в теории) удобно на стадии разработки и для дальнейшего редактирования.
Подскажите, почему когда создаю новый файл css или любой другой, то в dist этот файл не создается.
Здравствуйте, спасибо большое за курс)
Подскажите пожалуйста, 55:54 после запуска (ошибки исправила) не появилась папка dist , с чем может быть связано
у меня не запускаесться функция html
здравствуйте, скорее всего могли что-то недописать, попробуйте скачать мою сборку из телеграм-канала, она рабочая: t.me/+ptcLDf_acOpkYjQy
@@coderfolder На счёт меня
Типичная не внимательность я в место require в нескольких местах написал reguire.
Кстати сборочка кстати будет спасибо
@@КассакСаккас да, пожалуйста)
Спасибо за видео. Возник вопрос...как подключить js к html. Подключать js нужно же с dist?
здравствуйте, js и css мы подключаем ещё в src. Dist - это сжатый вариант для браузера, он компилируется сам, то есть мы в этом не участвуем. Вся наша работа происходит в исходниках - то есть в папке src
💥💥💥
❤️
Не работал imagemin, проблема была в том что расширение фото было прописано заглавными буквами, добавил в список PNG... т.е. присутствует чувствительность к регистру
спасибо за замечание, думаю многим будет полезно!)
При щапуске gulp выдает ошибку:
The following tasks did not complete: default, , watchFiles, serve, , html, css, js.
Did you forget to signal async completion ?
Можете помочь ?
здравствуйте, сложно сказать, попробуйте скачать мою сборку и запустить. Файлик оставил в телеграме t.me/+ptcLDf_acOpkYjQy
@@coderfolder я и пользовался вашей сборкой
Done нужно написать.и в место return надо писать gulp.src
привет, решил проблему? просто у меня абсолютно идентичная получилась
@@miyamura_izumi_yuji мне кажется тогда я просто всё это скинул chatgpt, он там немного подкоректировал
Спасибо огромное, очень для меня своевременно, классно все изложено. У меня такой вопрос, вчера мне ответили, что галп и веб пак, это прошлый век.. Так ли это на самом деле? И еще, нахожусь в самом начале своего пути по верстке, может кто поможет, советами, гугл конечно неплох. но иногда все же наставник просто необходим. Удачи Автору. с меня подписка лайк, и пожалуй поделюсь на стене в VK
Спасибо за такой классный комментарий) я думаю есть более новые инструменты, которые в чем-то лучше, но опять-таки, сообщество у gulp и webpack уже очень большое с годами, поэтому банально разобраться и решить ошибки будет проще
Всё супер! Единственное на mac os gulp notify не отрабатывает. Скачал сборку автора, также ошибка не выводится. Кто сталкивался ?
Приветствую, спасибо за отзыв, и то, что написали о поведении плагина на мак ос, пока не знаю решение, надеюсь, получится разобраться. На крайний случай, посмотрите аналоги плагина только для мак
первая проверка и сразуже ошибка "Error [ERR_REQUIRE_ESM]: require() of ES Module C:\Users\AMD\Desktop
ew-stack
ode_modules\gulp-autoprefixer\index.js from C:\Users\AMD\Desktop
ew-stack\gulpfile.js not supported." Я понял что многие пакеты больше не могут быть импортированы с помощью require, надо использовать import
Здраствуйте помогите пж делаю все как на видео показано вот тол выходит ошибка с imagemin-ом
[06:22:23] Starting 'images'...
[06:22:23] gulp-imagemin: Minified 0 images
[06:22:23] Finished 'images' after 426 ms
перепробовал много чего загуглил не нашёл решение не в синтаксисе проблема function запускается срабатывает но ничего не сжимает как будто не видеть изображений в папке src/assets/images я проверял пути написаны правильно может сталькнулся кто)))
@Адхам Хурсандзода привет. В свойствах src и wath объекта path тебе нужно добавить расширение jpg, тк у автора прописан там только jpeg. Также желательно поставь jpg с самого начала, что бы выглядело примерно так: images:
srcPath +
`assets/images/**/*.{jpg,jpeg,png,svg,gif,webp,ico,xml,json,webmanifest}`,
обязательно убери пробелы между расширениями, тк это строка.
@@endiffallengod да, точно
52:00 тайминг
У меня есть маленькая проблема в виде того, что функция .pipe (dest*) не видит метод(во время прописывания .pipe у вас появилась подсказка "method"), все плагины и т.п установил вроде как корректно, пооткатывал старые версии. может ли это быть из за какой то неправильной установки node.js?
Если я переустановлю node.js после наполовину проделанных действий в видео, сломаю ли я это все?
буду рад помощи, спасибо!
Попробуйте просто прописать pipe, не обращая внимания на подсказки, и посмотрите, корректно ли работает проект, я думаю, подсказки могут глючить. Если переустановить Node - ничего не случится плохого
@@coderfolder в самом проекте vsc показывает ошибку, через консоль так же ошибка
подскажите пожалуйста почему не отображаются картинки на странице , imagemin работает правильно в консоли пишет что сжал на 50% , но картинки не отображаются при этом видно только alt
а все решил, путь неправильно пропимал
@@ТОЛЬКОПОБЕЗДОРОЖЬЮ как ты решил я вроде все правильно указываю но все равно не работает 100 раз проверил
день добрый. дошёл до 1:07:31 Таск JS | Настройка GULP-Тасков. html и css. На js установка споткнулась. 100 раз прверил запись.
здравствуйте, вы можете скачать мою сборку в телеграмм канале, ссылка в закреплённом комментарии, и сравнить
в видео пропущено создание const rigger = require("gulp-rigger"), выдаст ошибку при запуске gulp js
Кто смотрит обратите на это внимание и просто допишите константу
Да, верно
спасибо бро как раз у меня эта ошибка
У кого первая функция тоесть html не запускается возможно у вас версии плагинов другие тоесть с момента выхода этого видео они уже обновились.
Вот у меня были проблемы с плагинами: "gulp-imagemin", "del" .
Для решения проблемы я прописал такую команду в консоле для gulp-imagemin. npm i gulp-imagemin@7.1.0 -D это значит что я скачиваю плагин именной с версии 7.1.0
А для "del" такую команду npm i del@6.0.0
Может когда вы будете скачивать и другие плагины обновились и вы просто может на видео посмотреть какие у автора версии и скачать необходимые используя данную команду.
Как писать команду для изминения версии плагина можно увидеть на 31:00 минуте видео он напримере показывает.
Можно это сделать одной командой по типу npm i ?
@@hyperpocket. да можно но для сборки требуются именно те версии как на видео в твоём случае скачаются последние версии и они не всегда подойдут для данной сборки.
@@КассакСаккасда. А Как скачать все плагины именно те версии которые на видео?
а по видосу и установки, смотрел видосы других блогеров, онии устанавливали плагины галпа через встроенный терминал вс-кода, что мне показалось проще)) ну это чисто мое мнение, я тут не какой-то там авторитет)
Гит баш - невероятно быстрый, по сравнению со встроенным в vscode и другими терминалами, подписчикам - даю только самую годную инфу!
Видео хорошее. Автор молодец. Gulp хрень. JS подключается в подвале, css в head. Это около 30 секунд занимает времени с кружкой пива в одной руке. С колокольни 10 лет стажа верстки. Из полезного префиксер (хотя не нужен особо), обжимальщик изображений (не особо нужен, есть аналоги если прям уж приспичит и диз в фотошопе), чистильщик мусора (?? вы че с мусором css пишете в редакторе ворд?), обжатие html (мем, потом вы как это будете на ЦМс ставить, юзлесс, исключительно для SPA и работу JS по АПИ), scss окей удобно (хотя кто заставляет писать через scss...), минификация js,css (средствами сервера это сделать проще). Но это ладно, самые приколы начинаются тогда, когда вы слайдер сраный типа swiper затрахаетесь подключать с кучей ошибок и гуглежом на сутки, чтобы понять что автор gulp-webpcss плагина обосрался, но нашелся другой чел который выпустил другой плагин gulp-webpcss-fixed где вычистил косяки предыдущего. И добро пожаловать в ад в общем. Вместо того, чтобы делать работу, вы будете заниматься херней с соитиями
Почему выскакивает task never defined: default? Вроде все установил как надо.
скорее всего что-то забыли настроить, попробуйте скачать мою сборку из телеграм-канала, она рабочая: t.me/+ptcLDf_acOpkYjQy
Спасибо за видео, удалось разобраться с вопросом, на который не смогли ответить на habr и ru.stackoverflow
пожалуйста) рад, что мое объяснение оказалось полезным
Я уже намучился со всем этим, до того как увидел видео. Да и опять прошел год и все изменилось и gulp уже 5. Ауторъ, у тебя от 2024 в видео только год в названии
добрый вечер! так используйте gulp 4, в чем проблема
@@coderfolder На это я пойтить не могу. Прогресс должен быть! Даже если он ущербный. Если зажигают Gulp5 значит это кому-нибудь нужно...
Как быть с REACT в этой сборке ?
Привет, в ролике на 1:46:54 ты рассказывал в скользь про то как сохранять в папку pages html файлы, сделав так (root: srcPath + "pages/",)как ты показал результата не дало(( страницу не видит. Подскажи пожалуйста как решить данный вопрос.
поздно однако я увидел... ну да ладно, можно попробовать указать srcPath = "strc/pages", и тогда он будет там искать ваши страницы
Столкнулся с проблемой, Imagemin минимизирует только .png, остальные расширения просто игнорирует, может кто-то сталкивался? Что делать?
Уже всё перерепробовал, и другие версии ставил, и перепроверил несколько раз, всё как на видео, но ничего не работает(
Попробуйте скачать мою сборку из телеграмм канала в закреплённом комментарии
@@coderfolder работает, спасибо
Я на середине видео)) function images() не отрабатывает формат png, не минимизировала и не перенесла изображение в папку dist
Я еще только учусь и пока с трудом даётся поиск ошибок
Пишет ли что-нибудь в консоли?
@@coderfolder tasha@Honor-Tasha MINGW64 /d/Прог/gulp-site
$ gulp images
[19:18:11] Using gulpfile D:\Програмирование\gulp-site\gulpfile.js
[19:18:11] Starting 'images'...
[19:18:12] gulp-imagemin: Minified 0 images
[19:18:12] Finished 'images' after 143 ms
@@coderfolder я нашла свою ошибку, после запятых расширения без пробелов нужно было написать