Gulp сборка с нуля, современный синтаксис, полное руководство

  Рет қаралды 114,597

От 0 до 1

От 0 до 1

Күн бұрын

Пікірлер
@vadymprokopchuk
@vadymprokopchuk 3 жыл бұрын
Друзья! Плагин gulp-sass обновился до 5 версии, в связи с этим немного изминился принцип его подключения. Для корректной работы таска styles нужно дополнительно установить пакет sass npm i sass --save-dev и заменить способ подключения с const scss = require('gulp-sass'); на const scss = require('gulp-sass')(require('sass')); И все взлетит, успехов в обучении!
@AnastasiiaKoliada
@AnastasiiaKoliada 3 жыл бұрын
дохожу до gulp styles и дальше ошибки и нет файла css
@vadymprokopchuk
@vadymprokopchuk 3 жыл бұрын
@@AnastasiiaKoliada я же не прорицатель, какие ошибки? от чего, может вы в файле scss ошибку сделали, вот вам и пишет о ней
@wt4956
@wt4956 3 жыл бұрын
Точно const scss = require('gulp-sass')(require('sass')); не описался ? :)
@vadymprokopchuk
@vadymprokopchuk 3 жыл бұрын
@@wt4956 нет
@overwox
@overwox 3 жыл бұрын
ну, клёво...))) а то я уже хотел винду переустанавливать. ( стояла до этого нода и галп, думал хвосты мешают)
@christianspace9700
@christianspace9700 2 жыл бұрын
Как всегда всё течет, всё меняется очень быстро - и даже сравнительно недавняя настройка имеет свои тонкости в данный момент. В текущей сборке я столкнулся с рядом проблем, а именно: Плагин - SASS - устанавливаем таким образом: Для установки пакета используйте команду: « npm install sass gulp-sass --save-dev » Переменную пишите следующим образом: « const scss = require('gulp-sass')(require('sass')); » Плагин imagemin - устанавливаем npm i gulp-imagemin@7.1.0 --save-dev (более новая версия у меня отказалась работать). Плагин del - устанавливаем npm i del@6.1.1 --save-dev (аналогично предыдущему новая версия не работала). И последнее у меня еще была ошибка прав доступа, лечится так: Открываем powershell от имени администратора, пишем Set-ExecutionPolicy RemoteSigned, нажимаем Enter, на вопрос отвечаем - Да (Да для всех), то есть Y. Надеюсь поможет тем, кто, так же как я, столкнулся с этими проблемами и сэкономит вам время на поиски фиксов. Всем удачи! Вадиму ОГРОМНЫЙ РЕСПЕКТ!
@weterdam
@weterdam 2 жыл бұрын
thanks
@luxeryblack1635
@luxeryblack1635 2 жыл бұрын
молодец что написал это все
@blackfox1175
@blackfox1175 2 жыл бұрын
Благодарю, такая же фигня была
@ivanporfirov5040
@ivanporfirov5040 2 жыл бұрын
respect
@Thef-j4m
@Thef-j4m 2 жыл бұрын
А скажите пожалуйста если у меня винда слетела, то получается мне нужно устанавливать все эти плагины заново?
@stelsboii
@stelsboii 4 жыл бұрын
«Вам не нужна документация, я ваша документация» фраза дня))) Вадим респект 💪
@vadymprokopchuk
@vadymprokopchuk 4 жыл бұрын
Благодарю!
@angusscattergood672
@angusscattergood672 4 жыл бұрын
@@vadymprokopchuk здравствуйте. я посмотрел это видео и хотел продолжить с плейлистом "Верстка gulp 4 + препроцессор ". можно ли продолжать, или лучше подождать новые видео о вёрстке с галпом?
@Gazon1155
@Gazon1155 3 жыл бұрын
27:00
@AXAMALANS
@AXAMALANS 3 жыл бұрын
@@angusscattergood672 ждать
@zarya200o3
@zarya200o3 2 жыл бұрын
Никогда не комментирую видео, но, наткнувшись на столь качественное и обширное руководство, считаю своим долгом оставить комментарий для помощи создателю данного чуда!
@dinarsharipov5022
@dinarsharipov5022 3 жыл бұрын
для тех кто столкнулся проблемой gulp-imagemin: установите предыдущую версию imagemin командой npm i gulp-imagemin@7.1.0 потому что с версией 8.0.0 выводит ошибку
@HelgaOz
@HelgaOz 3 жыл бұрын
спасибо тебе, добрый чел! уже весь мозг сломала что было не так! поставила старую версию и заработало!
@ДмитрийВ-л7э
@ДмитрийВ-л7э 3 жыл бұрын
Добра тебе брат и дому твоему!)
@thisissergo5874
@thisissergo5874 3 жыл бұрын
Спасибо, а где ты нашел ответ?
@ОлегНизиёв-р9ж
@ОлегНизиёв-р9ж 3 жыл бұрын
дай Бог счастья и здоровья
@ОксанаХарченко-д9г
@ОксанаХарченко-д9г 2 жыл бұрын
я тоже такой ответ в нете нашла "gulp-imagemin 8.0.0 and above are now ESM only. You can downgrade gulp-imagemin to 7.1.0 which is commonjs and it should work fine", вот задумалась как установить определенную версию, ваш комментарий избавил от поисков :)
@niceman5890
@niceman5890 2 жыл бұрын
Могу сказать большое спасибо! Я до этого пару месяцев не мог найти сборку, так ещё и бесплатную и с полным объяснением!
@x0mek638
@x0mek638 4 жыл бұрын
Смотрю множество разных ютуберов, объяснений и тд... Сложно очень понять... Но без преувеличений, очень понятно объясняется тут, понятным языком, для народа. Спасибо Вадим. Только начинаю этим всем заниматься, не знаю будет ли это полезно, но главное мне интересно и нравится.
@vadymprokopchuk
@vadymprokopchuk 4 жыл бұрын
спасибо
@battalov_u
@battalov_u 3 жыл бұрын
я думаю полезно будет однозначно, ведь тем более автор указывает на преимущества gulp в начале ролика, говорит мол без него ни куда не берут на работу
@sanjo6465
@sanjo6465 2 жыл бұрын
Знаю что не ответишь, но как успехи спустя два года?
@mila_ux
@mila_ux 3 жыл бұрын
Обожаю этот юмор:))) И как же доступно вы объясняете!! Это просто СААААМЫЙ ЛУЧШИЙ КАНАЛ по фонтенду!! Спасибо огромнейшее за ваши старания, за то, что используете понятные новичкам слова и термины, разъясняете каждый свой шаг и самое главное, делаете это легко, медленно, с юмором:) СПАСИБО еще раз и очень надеюсь, что у вас будут такие же подробные уроки по JS.
@christianspace9700
@christianspace9700 2 жыл бұрын
Супер! Я просто в эйфории, от того, как вы доступно и подробно всё рассказываете. Ушел собирать свой первый проект на Gulp. ОГРОМНОЕ СПАСИБО!
@Blondguy12
@Blondguy12 4 жыл бұрын
Спасибо за то что не забываешь обновлять гайды по крутым технологиям!!)
@bigmathato8131
@bigmathato8131 4 жыл бұрын
Какая радость видеть вас. Спасибо , что вы у нас есть.
@alessiorichter3634
@alessiorichter3634 2 жыл бұрын
Замечательная подача материала. Теперь это кажется менее сложным, чем раньше, хотя всё постоянно меняется и работает нестабильно из-за несогласованных обновлений. (те же del и imagemin уже не работают и не подключаются). Спасибо, Вадим! Удачи тебе и твоей семье в это нелегкое время. Мирного неба над головой.
@alexvoevodin7354
@alexvoevodin7354 3 жыл бұрын
Обновился gulp-imagemin, требует импорт, а не require. Пришлось ставить версию как в видосе. С остальным проблем не возникало, руководство огонь 🔥
@NeedForHeavyMetal
@NeedForHeavyMetal 3 жыл бұрын
о, спасибо тебе. сделал так же)
@АннаЩербакова-щ2ь
@АннаЩербакова-щ2ь 3 жыл бұрын
спасибо большое за совет. Сработало) ребят, если что, необходимую версию можно загрузить так: npm i --save-dev gulp-imagemin@7.1.0.
@ГришкоШкарта
@ГришкоШкарта 3 жыл бұрын
@@АннаЩербакова-щ2ь все-равно не помогло, выдает ошибку "ETARGET No matching version found for gulp-imagemin@7.1.0.. In most cases you or one of your dependencies are requesting a package version that doesn't exist."(((((
@mariash5784
@mariash5784 3 жыл бұрын
Ценный комментарий, Вы помогли, спасибо)
@andreyzavyalov9913
@andreyzavyalov9913 3 жыл бұрын
@@ГришкоШкарта попробуй без точки в конце. Т.е. не "npm i --save-dev gulp-imagemin@7.1.0.", а просто "npm i --save-dev gulp-imagemin@7.1.0" мне помогло
@artyRam
@artyRam 4 жыл бұрын
Вадим...Низкий поклон...Вечерина с галпом затянулась...Сидел долго муторно и безрезультатно, но ты ворвался и вечерина зажила))Огромное тебе спасибо !
@igr3943
@igr3943 4 жыл бұрын
Сказал - сделал!!! Моё почтение. Как всегда топ 🔝 контент!
@vadymprokopchuk
@vadymprokopchuk 4 жыл бұрын
Благодарю
@mikhailtapfer8542
@mikhailtapfer8542 3 жыл бұрын
Если у кого-то есть проблемы с пакетом для SCSS, то сейчас уже нужно чуть-чуть по-другому делать. Для установки пакета используйте команду: « npm install sass gulp-sass --save-dev » Переменную пишите следующим образом: « const scss = require('gulp-sass')(require('sass')); »
@retro_style
@retro_style 2 жыл бұрын
Спасибо!
@serglebed2340
@serglebed2340 2 жыл бұрын
СПАСИБО!!!
@АлексейПопович-б3ю
@АлексейПопович-б3ю 2 жыл бұрын
Спасибо, друг, не мог найти проблему, а ты помог
@ДмитроШамов
@ДмитроШамов 2 жыл бұрын
Спасибо
@rv87k
@rv87k 2 жыл бұрын
Спасибо!!!
@undefzakhar
@undefzakhar 4 жыл бұрын
Я впервые знакомлюсь с Gulp и был невероятно удивлен как все подробно объясняете, просмотрел на одном дыхании, очень легко освоил материал, жду вторую часть! 🔥
@ОльгаЛитвинова-ж8ш
@ОльгаЛитвинова-ж8ш 2 жыл бұрын
Добрый день! Благодарю, Вадим за подробное видео и помощь начинающим фронтендам! А ваши комментарии делают ролики еще и веселыми! 🙂 И спасибо всем ребятам, которые подсказали, как решить вопрос с работой sass, imagemin и del! 🤝Успехов всем !
@grizli1884
@grizli1884 2 жыл бұрын
Самый лучший кодер, учитель, гуру, отец, друг, фронтендер, ютубер и просто человек, спасибо за знания и опыт!
@КаринаУгрюмова-щ2ь
@КаринаУгрюмова-щ2ь 6 ай бұрын
Сколько работы было проделано. Спасибо большое!! Возникали конечно трудности, не все плагины нормально работали, но это скорее всего из-за версий. В целом, видео очень сильно помогло)
@АнастасияГужевская
@АнастасияГужевская 3 жыл бұрын
Спасибо большое! Ваш ролик третий по gulp , который просматриваю, и единственный, где по полочкам простым языком. Низкий поклон!
@Cats_Dogs.
@Cats_Dogs. 2 жыл бұрын
Продублирую комментарий. Обожаю этот юмор:))) И как же доступно вы объясняете!! Это просто СААААМЫЙ ЛУЧШИЙ КАНАЛ по фонтенду!! Спасибо огромнейшее за ваши старания, за то, что используете понятные новичкам слова и термины, разъясняете каждый свой шаг и самое главное, делаете это легко, медленно, с юмором:) СПАСИБО еще раз и очень надеюсь, что у вас будут такие же подробные уроки по JS.
@RomanRybachuk-fi7ho
@RomanRybachuk-fi7ho 4 жыл бұрын
Открыл для себя front-end разработку по новому благодаря GULP и твоему видео Спасибо огромное и дальнейших успехов!
@ЮрійВовчук-е7ы
@ЮрійВовчук-е7ы 4 жыл бұрын
Ви просто талант!!! Проглянув на одному диханні. Дякую за ваш труд.
@avocodeuser1343
@avocodeuser1343 2 жыл бұрын
Вадим, спасибо тебе за твой вклад в айти сообщество. Хорошо подаёшь всю эту вечеринку)
@leeeelou
@leeeelou Жыл бұрын
Вай, прям классно все, начал уже боле менее понимать что и зачем, спасибо за видос! А и еще если кто то думает повторять это видео в 2023 году, то что бы все работало используйте те же версии плагинов что и Вадим например npm i del@6.0.0 --save-de и так далее
@imsolent3064
@imsolent3064 4 жыл бұрын
Маэстро, это конечно запойная вечерина, но нам бы сложную верстку
@Mak_on_do
@Mak_on_do 4 жыл бұрын
Круть! Только подумал, что надо бы обновить сборочку, а тут как раз видосик про это!!
@vadymprokopchuk
@vadymprokopchuk 4 жыл бұрын
огонь!
@romanhassazhyrov5558
@romanhassazhyrov5558 4 жыл бұрын
Замечательный ГАЙД! Впервые на канале, подписался, поставил лайк. Спасибо за труды!
@ellielli6600
@ellielli6600 3 жыл бұрын
кайфую от твоего чувства юмора ))
@vadymprokopchuk
@vadymprokopchuk 3 жыл бұрын
спасибо
@Slick_EJ1
@Slick_EJ1 4 жыл бұрын
Респект за твои старания!
@lozovink
@lozovink 4 жыл бұрын
Когда что то делаю по твоим видосам, я как будто с тобой за одним столом сижу)) все видеоуроки насыщенны жизнью!
@АннаЩербакова-щ2ь
@АннаЩербакова-щ2ь 3 жыл бұрын
спасибо огромное! это моя первая сборка gulp и несмотря на некоторые затыки благодаря этому видео у меня получилось!
@jeanjean4001
@jeanjean4001 4 жыл бұрын
Словно за руку провел по этим дебрям gulp. Без тебя это заняло бы не 2 часа, а "черт знает сколько" по времени + с посыпкой из чистых страданий. Спасибо большое!
@OlhaShamania
@OlhaShamania 3 жыл бұрын
Очень улыбнула фраза "этому посветлено, а этому ещё темно" =))))))
@aleksgavrilov5275
@aleksgavrilov5275 4 жыл бұрын
Чувак, не очень хочется тебя расстраивать, но "terser is the new 'uglify-es'. uglify-es is no longer maintained" Но всё круто, для меня так вообще наконец-то разложилось по полочкам, теперь смогу при необходимости сборку сам запилить, спасибо
@PIRAKAS666
@PIRAKAS666 3 жыл бұрын
Блин Вадос моя первая зарплата будет твоя . Красаувчик.
@nikitalarionov-edmin3163
@nikitalarionov-edmin3163 3 жыл бұрын
Первый раз всё установил и всё корректно работает, наконец-то у меня будет нормальный Gulp. Спасибо, Вадим!
@ТаняКлинцевич-с6н
@ТаняКлинцевич-с6н 3 жыл бұрын
очень полезное видео! долго конечно(больше 5 часов) мучалась с gulp-sass 5 версией и gulp-imagemin, но справилась, безумно рада, что не бросила на первой же ошибке, если искать, то всё можно порешать методом проб и ошибок) ребят, читайте внимательно ошибки, которые вылетают в терминале, гуглите и еще раз гуглите!)
@stepanrashevskii576
@stepanrashevskii576 2 жыл бұрын
Вадим, ты крут! Второй раз вспоминаю по твоим видео как работать с gulp! Thank you very much, как говорится)
@FaYrUsinc
@FaYrUsinc 4 жыл бұрын
Вот это подгоон. Спасибо, Вадос, очень полезный контент
@SCAMBOT_
@SCAMBOT_ 3 жыл бұрын
у меня была ошибка в exports.build = series( cleanDist, images, build); Она заключалась в том что порядок во этих ребят ( cleanDist, images, build) был неправильный. Для фикса подобной ошибки я поменял ребят местами ( cleanDist, build, images), фишка заключается в том что мы сначала должны удалить папку cleanDist, затем подключить наш build чтобы он создал новую папку с файлами, а уже после этого заменял фотографии images. Но несмотря на это, я хочу выразить автору благодарность за проделанную работу. Большое спасибо!! Оч помог, лайк и подписка. Всем советую данное видео!! Спасибо дружище👌
@aleksandr2245
@aleksandr2245 4 жыл бұрын
вот это вечеринка!)
@timzeynalov3537
@timzeynalov3537 4 жыл бұрын
Наконецто я встретил человека который описывает роль всех предназначений я потратил 3 сутки чтобы смотреть разные ролики по этому галпу он меня уже достал . каждый раз что то не получается а тут все прям по полочкам с Галпом на Ты)) спасибо вы крутые ребята Happy New Year)
@Человек-ф1р8я
@Человек-ф1р8я 3 жыл бұрын
Ну как успехи за 7 месяцев?
@timzeynalov3537
@timzeynalov3537 3 жыл бұрын
@@Человек-ф1р8я привет ) я создал клон амазона , Linkedin , Meetup app на React REdux , Firebase , ну и с NextJs есть уже практика создал AirBnb clone app уже изучаю Server side rendering только жаль что у американцев конечно у русских на этом уровне пока тишина ) у вас какие планы ?
@flashback8504
@flashback8504 3 жыл бұрын
Тяжко было?
@dmitriyvvmp9703
@dmitriyvvmp9703 4 жыл бұрын
Контент - топ!!! P.S. В package.json на 7-ой строке, вместо того, что там написано пропишите "run": "gulp" и запускайте весь галп со всеми плагинами с одной кнопки, по-моему так удобнее.
@ЕвгенийТодоров-с7л
@ЕвгенийТодоров-с7л 3 жыл бұрын
Это лучшая подача, которую когда либо встречал на ютубе, спасибо четкому автору)) Народ, если у вас вдруг не будут ставится пакеты для галпа, смотрите не установили ли вы текущую версию ноды, а то я пол дня искал причину, а оказалось что нужно было всего лишь ноду стабильную поставить)
@coffeebit6468
@coffeebit6468 2 жыл бұрын
спасибо огромное за видос! это было прям ну ооооочень полезно) впервые узнал про эту технологию и такие крутейшие инструменты) теперь можно залетать в веб со всеми удобствами)
@anaray7352
@anaray7352 3 жыл бұрын
Столкнулась с обеими проблемами (gulp-sass и imagemin), столько времени потратила, чтобы это исправить. и в следующую секунду, после того как все заработало, увидела решение этих проблем в комментариях, удивительно насколько оно близко было все это время :) мораль: читайте комментарии но все же рада, что получилось это исправить самостоятельно :)
@Anahitacode
@Anahitacode 3 жыл бұрын
Спасибо огромнейшее!!! Это самый внятный контент по gulp. Все чётенько и ясно. И с юмором!
@ЯковТарабрин-ю5ж
@ЯковТарабрин-ю5ж 4 жыл бұрын
Душевно, Вадим. И шутки по большей части уместны. Живо, понятно. Можешь раскрыть в одном из следующих видео, чем yarn удобнее того же npm. Спасибо.
@ПетяПитер-н1б
@ПетяПитер-н1б 3 жыл бұрын
Уже не первый канал смотрю с инфой по галпу… ничего не понятно если честно, но этому каналу однозначно плюс просто за манеру подачи как минимум, подымает настроение!! Но можно для особо одаренных… живой конкретный пример на пальцах- зачем эта приблуда нужна и зачем столько танцев с бубном)) есть хтмл, есть css, есть js, и с vsкодом и так вроде все быстро красиво и сразу видны изменения…. ПОЧЕМУ нужен ещё и Галп который ещё будет что-то куда-то собирать сжимать и так далее. Можно пример в стиле вот так работает плохо, или разрабу без галпа плохо, а вот теперь с галпом как стало хорошо и все работает.
@UchVuch
@UchVuch 3 жыл бұрын
В тайм-кодах на 51 минуте ответ на вопрос
@ВикторМишустин-ю6ф
@ВикторМишустин-ю6ф 2 жыл бұрын
Долго, как мне кажется, много лишнего. Но с другой стороны, у меня уже есть опыт работы с gulp, я никогда не создавал своей сборки. Большое спасибо, теперь у меня есть сборка в которой я понимаю каждую строчку, это для меня важно. Планирую добавить себе pug в сборку. Надеюсь, что людям которые никогда раньше не работали с gulp, длина данного видео пойдет только на пользу. Спасибо большое за информацию.
@Наталья-с8з4ц
@Наталья-с8з4ц 4 жыл бұрын
Спасибо за подробный разбор! мне кажется больше никто так понятно не объясняет! С нетерпением ждём новых видео))
@GTWY303
@GTWY303 4 жыл бұрын
Вадя ты просто красавчег! Лайк не глядя.
@alephanta
@alephanta 7 ай бұрын
Невероятно полезное видео. Спасибо вам за годный тьюториал.
@mariash5784
@mariash5784 3 жыл бұрын
Вадим, учусь по вашим видео. Канал шикарен!!!
@georgiy7623
@georgiy7623 Жыл бұрын
Огромное спасибо за видео! На сегодняшний день (2023 г.) плуг gulp-imagemin последней версии работает через модный синтаксис Import , чтобы не переписывать сборку на Импорт я просто ставил gulp-imagemin версию 7.1.0 и все , как говориться, взлетает! ( c del такая же история)
@11Buno
@11Buno 3 жыл бұрын
Спасибо, Вадим, отличная вечеринка) твоя подача материала оч крутая!
@c4973
@c4973 3 жыл бұрын
Вадим, подача бомба! Благодарочка улетела!
@МиколаСвятий
@МиколаСвятий 3 жыл бұрын
Вадос, опять крутое видео снял, информативное, позитивное и на одном дыхании. Теперь в бой буду приступать к многостраничному сайту, но уже с минимальным знанием gulp. Гордость распирает, что есть такие люди, как ты, которые могут "расчехлить эту историю" и преподнести на "блюдичке".
@ОксанаХарченко-д9г
@ОксанаХарченко-д9г 2 жыл бұрын
Спасибо, очень понятно и доступно! Пока у меня есть возможность заниматься, но в нынешних условия мы не знаем , что будет завтра. ЖЕЛАЮ МИРА он нам ОЧЕНЬ НУЖЕН!
@xxxxxx-kz6yi
@xxxxxx-kz6yi 3 жыл бұрын
Пора бы завершить сборку уже до финала ))) пол года прошло )))
@АлександрБорисенко-с6к
@АлександрБорисенко-с6к 4 жыл бұрын
"Может вы можете http прописать у себя в микроволновке" и "можете увидеть, как сайт выглядит на телефоне, планшете, калькуляторе, микроволновке" 😂😂😂 как же порвало))) Но, если серьёзно, это просто лучшее! Я всё делаю по видосу, всё получает и главное - приходит понимание ЗАЧЕМ это нужно - просто респект за такие видос)))
@MrSemyon87
@MrSemyon87 4 жыл бұрын
Самое понятное видео про gulp! Сборку обновил, еще бы panini показал как настроить, как раз надо для многостраничного сайта.
@АртёмМелентьев-ь9е
@АртёмМелентьев-ь9е 3 жыл бұрын
Выложите готовую сборку по итогу видео, просто буквально вчера 4 часа настраивал и вникал по вашему первому видео и влом теперь все заново делать)), а новый синтаксис охота.
@madrimov448
@madrimov448 4 жыл бұрын
Привет из Узбекистана. Я уважаю тебя. Спасибо
@СергейТемников-м8с
@СергейТемников-м8с 4 жыл бұрын
Ну молодчик!!!, я знал что ты это сделаешь )))
@макскупр-ш4у
@макскупр-ш4у Жыл бұрын
1:59:00 gulp build в текущих настройках работает только если руками создан файл style.min.css. Если его нет, выдаёт ошибку 'build' errored after 1.93 s. Чтобы это исправить в exports.build добавьте скрипт styles: exports.build = series(cleanDist, images, styles, build); Очищаем dist, уменьшаем картинки, сжимаем стили, потом билдим
@user-Pravdarub586
@user-Pravdarub586 Жыл бұрын
не сработало... выдает ошибку... Как исправить?
@макскупр-ш4у
@макскупр-ш4у Жыл бұрын
@@user-Pravdarub586 посмотри еще видео другие по галпу, чтобы иметь представление что почем. Я сейчас уже не помню досконально ролик - я другой конфиг себе написал. Поищи Max Graph в ютубе - у него тоже хорошее видео по галпу
@user-Pravdarub586
@user-Pravdarub586 Жыл бұрын
@@макскупр-ш4у Спасибо!
@ilayone2079
@ilayone2079 3 жыл бұрын
Это просто шикарное видео!! Спасибо огромное я вечеринился с тобой на все 100 балов и готов повторить)) Жду новых видосов с супер сборкой
@ВиталийРоманчук-й6ы
@ВиталийРоманчук-й6ы 3 жыл бұрын
Добрый вечер. Спасибо за столь информативное и подробное обучающее видео. Все получилось с первого раза. Буду использовать сборку в своих проектах. ))
@vadymprokopchuk
@vadymprokopchuk 3 жыл бұрын
круто! рад что помог
@HelgaOz
@HelgaOz 3 жыл бұрын
Отличная сборка! еще раз восхищения Вадиму, но теперь ждем новую сборку, как было обещано на последних минутах))
@intenebris5922
@intenebris5922 4 жыл бұрын
Блестяще! ) Было бы круто, если бы еще было подключение и настройка пакета для конвертации img в webp и конвертации шрифтов в wof и wof2 с автоматическим подключением миксином в наш css =)
@ЛюдаГригорьева-ф5ф
@ЛюдаГригорьева-ф5ф 3 жыл бұрын
спасибо большое за видео!!!!! Прошла старое видео, обновила все новой инфо . Могу сказать только - ты гений!!!
@vadymprokopchuk
@vadymprokopchuk 3 жыл бұрын
благодарю)
@sivilrishar2927
@sivilrishar2927 2 жыл бұрын
Спасибо тебе большое за такое подробное и доходчивое объяснение! Твое видео, действительно, мне помогло в понимании gulp) Лайкосик прилагается!
@ВладимирКолесников-э6д
@ВладимирКолесников-э6д 3 жыл бұрын
Большое спасибо за отличный гайд! Помучился с ошибкой в gulp-imagemin из-за обновления плагина, решение нашёл в комментах.
@chromoy000
@chromoy000 2 жыл бұрын
Вадим огромное спасибо за прекрасное объяснение темы. Так держать!
@therapeutic_music_for_sleep
@therapeutic_music_for_sleep 3 жыл бұрын
В прошлый раз делала сборку по статьям и многое было не понятно, как работает. А тут так подробно... Снимаю шляпу и кланяюсь в пол :) Особенно радует, что Вы рассказали про изменения в новой версии. Я в этот раз уже столкнулась с тем, что пыталась писать как раньше, а в новой версии это банально не работает.
@iventeye
@iventeye 4 жыл бұрын
Спасибо за обновлённую сборку! Все понятно, вспомнил старое, узнал новое. На старой сборке сделал много проектов, очень хорошо мне помогла. Сейчас перепишу на новый лад, так сказать). 2 часа посмотрел на одном дыхании.
@tralexmlbb
@tralexmlbb 4 жыл бұрын
у меня не устанавливается gulp, на пути к папке есть кирилица, может ли быть причина в этом если конкретно то не устанавливается gulp-sass.
@in4ernoblade
@in4ernoblade 4 жыл бұрын
зашел посмотреть про галп, в итоге развел костер под трубой и спалил дом. За то помылся в горячей воде и получил паровые ожоги. Лайк за совет!
@vadymprokopchuk
@vadymprokopchuk 4 жыл бұрын
)))))
@keepworking2705
@keepworking2705 4 жыл бұрын
Спасибо большое за полезный видеоурок! Ждем от вас новых практических и полезных видеоматериалов. Например что то из ваших реальных заказов.
@stonehead5726
@stonehead5726 4 жыл бұрын
то чувство когда Владосик из будущего,шпарю марафон по Кубе,а тут сообщение в телеграмме пришло!!!
@vadymprokopchuk
@vadymprokopchuk 4 жыл бұрын
ага))
@artemprostakishyn1583
@artemprostakishyn1583 4 жыл бұрын
Круто Вадим спасибо за обновленную крутяцкую сборку!!!
@dimasavchenko9150
@dimasavchenko9150 4 жыл бұрын
спасибо за видео! хотелось бы увидеть еще работу кеша и сборку sprite.svg, а так же работу gulp с FTP
@timothyottawa8767
@timothyottawa8767 3 жыл бұрын
Отличный урок, что бы пройти секунду за секундой, прочувствовать движение каждой руки, прочувствовать работу кода. Двух часовое видео заняло у меня ровно два дня. Зато открылись невиданные горизонты.
@anovacodes
@anovacodes Жыл бұрын
Решение проблемы с imagemin по типу imagemin.gifsicle is not a function: 1. Установите gifsicle, mozjpeg, optipng , svgo как отдельные пакеты(в самом imagemin этих функций уже вроде как нет) npm i -D gulp-imagemin imagemin-gifsicle imagemin-mozjpeg imagemin-optipng imagemin-svgo 2. Импортируйте import imagemin from "gulp-imagemin" import imageminGifsicle from "imagemin-gifsicle" import imageminMozjpeg from "imagemin-mozjpeg" import imageminOptipng from "imagemin-optipng" import imageminSvgo from "imagemin-svgo" 2. Подставьте импортированные функции в массив imagemin: .pipe(imagemin([ imageminGifsicle({interlaced: true}), imageminMozjpeg({quality: 75, progressive: true}), imageminOptipng({optimizationLevel: 5}), imageminSvgo({ plugins: [ {removeViewBox: true}, {cleanupIDs: true} ] }) ])) 3. Реди) Пы.Сы: не забудьте в package.json добавить свойство "type": "module", если хотите импорты использовать, а не рекуире)
@СашаТюменцев-ш9ь
@СашаТюменцев-ш9ь 3 жыл бұрын
спасибо большое за обьяснение, также столкнулся с множеством проблем на пути установки этого всего, но порешал благодаря людям в коммах)))
@ВладимирАнтоненко-д5й
@ВладимирАнтоненко-д5й 4 жыл бұрын
Учу значит такой React, и чет приуныл)) Посмотрел Вадоса и позитив обеспечен на ближайший месяц))))) Твой контент можно смотреть вместо сериала под кофеек))) Спасибо!
@vadymprokopchuk
@vadymprokopchuk 4 жыл бұрын
круто) спасибо)
@денис1990-з1ю
@денис1990-з1ю 2 жыл бұрын
Спасибо за неоценимую помощь !!! все четко и гладко прошло .!РЕСПЕКТ
@belkolol
@belkolol 3 жыл бұрын
Шедевральное повествование! 2 часа пролетели незаметно. Примите мои восторжения))
@Anodoree
@Anodoree 3 жыл бұрын
Шикарно! Ещё практически ничего не понимаю в js, но такие плюхи просто феноменально облегчат работу!)
@Fatt_Dude
@Fatt_Dude 4 жыл бұрын
Балдёжный видос! Спасибо большое за качественную, а главное, понятную подачу материала. Я недавно решил изучать веб технологии и верстку, и очень часто в курсах и туториалах фигурировал галп, но никогда, никто из "преподавателей" не объяснял толком что это такое. Просто тупо копировал проект, писал в консоль gulp и верстал как умел. А тут, за два часа, просто, доступно и всё понятно. Респект тебе, лайк, подписка!
@tenkkov
@tenkkov 4 жыл бұрын
Вадимка, я тебе как маме благодарен, только собрался гальп4 настраивать и тут твой видос появился тупо лайк!
@mardvey859
@mardvey859 4 жыл бұрын
Вадим, огромное спасибо за старания!) Уже обновил gulp и с нетерпением жду видос с оптимальной сборочкой от тебя)
@Fjellape100
@Fjellape100 4 жыл бұрын
Я все же зайду и оставлю коммент с благодарностью. Очень грамотное и последовательное изложение! Поначалу я че-то смутился, а после проникся) Здорово, спасибо тебе!
@АлексейСтупников-д4у
@АлексейСтупников-д4у 3 жыл бұрын
Благодарю за полезную информацию на 1:12:00!
@Lotpite
@Lotpite 3 жыл бұрын
Четкий видос. Хоть открыл глаза на происходящее. И то что тема сложная и мозг хочет от нее отвернуться - это трустори бро :-) Спасибо
@xImmoortalx
@xImmoortalx 2 жыл бұрын
Вадим спасибо тебе огромное ! Очень нравиться твоя подача информации !
@j-lewis
@j-lewis 3 жыл бұрын
Большое человеческое спасибо за подробную инструкцию!
@TheTaurussss1
@TheTaurussss1 3 жыл бұрын
Спасибо,Вадим ты лучший!!!У многих смотрел про Gulp,но ты лучший!!.Респект и уважуха!!И лайкосик на каждый видосик))
@jr9032
@jr9032 3 жыл бұрын
Вадим, ваши видеоуроки покруче любого юмористического шоу + в 100 раз информативнее)) Нужно ввести новую форму юмористических передач: "It Standup with Vadym Prokopchuk")))
@vadymprokopchuk
@vadymprokopchuk 3 жыл бұрын
Спасибо)
@ДимДимыч-у1м
@ДимДимыч-у1м 3 жыл бұрын
И дальше в президенты )))
Препроцессор html (jade/pug)
36:30
От 0 до 1
Рет қаралды 26 М.
Правильный подход к детям
00:18
Beatrise
Рет қаралды 11 МЛН
Gulp 4
1:52:36
От 0 до 1
Рет қаралды 63 М.