ฝัง
- เผยแพร่เมื่อ 29 ก.ย. 2024
- Обновленная начальная сборка по gulp 4. Создал сборку для дальнейшего масштабирования и верстки проектов на канале.
Видео о препроцессорах:
• Препроцессоры SCSS/SAS...
Node: nodejs.org/en/
Gulp: gulpjs.com/
npm: www.npmjs.com/
git: git-scm.com/
Мой патреон:
/ from0to1
Продолженес сборки, PRO версия - • Gulp 4 сборка 2023, in...
0:40 - Что такое Gulp
3:17 - Как установить Gulp
17:38 - Как установить Gulp локально
20:30 - Создание структуры папок
26:32 - Установка плагина gulp-sass и sass
40:24 - Установка плагина gulp-concat
44:40 - Установка плагина gulp-uglify-es
52:00 - Добавление функции watch
57:06 - Установка плагина browsersync
1:10:20 - Добавление функции parralel
1:17:00 - Установка плагина gulp-autoprefixer
1:22:50 - Как поключить несколько файлов js
1:29:55 - Как подключать css из библиотек
1:34:45 - Как настроить билд
1:39:05 - Установка плагина gulp-clean
1:42:30 - Добавление функции series
1:47:18 - Как использовать сборку на практике
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ
![ได้เวลา! พาน้องแฝดฉีดวัคซีนครบ 1 เดือน🫣 [cc] แดนแพทตี้ SS2 | EP.52 |](http://i.ytimg.com/vi/IzeLtaXBLNE/mqdefault.jpg)
0:40 Что такое Gulp
3:17 Как установить Gulp
17:38 Как установить Gulp локально
20:30 Создание структуры папок
26:32 Установка плагина gulp-sass и sass
40:24 Установка плагина gulp-concat
44:40 Установка плагина gulp-uglify-es
52:00 Добавление функции watch
57:06 Установка плагина browsersync
1:10:20 Добавление функции parralel
1:17:00 Установка плагина gulp-autoprefixer
1:22:50 Как поключить несколько файлов js
1:29:55 Как подключать css из библиотек
1:34:45 Как настроить билд
1:39:05 Установка плагина gulp-clean
1:42:30 Добавление функции series
1:47:18 Как использовать сборку на практике
Красава!
Вадим! хочу поблагодарить, за то что человеческим языком ты объясняешь все, уже на протяжении многих лет)) если на горизонте появляются люди которые спрашивают меня, мол а как тут сверстать, а как тут сделать, даю им моментальную наводку на твою вечеринку))Луплю тебе ЖИРНЫЙ (прям такой с font-weight: 700) лайк)) Желаю успехов тебе и здоровья !!!
А чё не font weight 900?
@@centralcat3325 Чтобы было к чему стремится )) на разборе webpack`а 900ый будет
Благодарю
Первый раз услышал об Gulp. Было очень интересно посмотреть. Спасибо за ролик!
Большая благодарность Вадиму! Конечно же ждём продолжения, картинки, шрифты, всё что используется в современных сборках хотелось бы здесь видеть, еще хотелось бы пояснения как с этим можно взаимодействовать с React. Отдельное спасибо за подачу материала, все очень понятно и доходчиво даже для новичков, кем я и являюсь собственно :D
Самое полезное видео по gulp
Большое спасибо
Жду следующего выпуска !
Такой стиль вечеринки помогает оставаться в фокусе и смотреть все два часа, почти не прерываясь на что-то развлекательное. Огромное спасибо, Вадим, за стиль, простые слова для сложных понятий и всегда актуальный контент!
> современный синтаксис
> *CommonJS импорты в видео*
¯\_(ツ)_/¯
Думаю нужно ещё добавить шрифты, изображения, видео, аудио файлы (как их сжимать и вставлять проект). Есть же ещё модульное подключение, интересно узнать через import или require быстрее будет работать сборка. Ну и сам webpack погрызть надо, а ещё показать как его связать с gulp. Супер ролик, жду продолжение)
а где же импорты? ((( и современный синтаксис es6? 1:20:18 overrideBrowserList.... try to not use предупреждают чтобы не пользовались устаревшей опцией по возможнсти
Да, почему то Вадим старые технологии использует...
Спасибо, Вадим!) Ждал от Вас именно этого видоса!)
Здоровья Вам и близким! :)
Благодарю
Благодарочка Вадиму! Начинал с твоих видео во frontend. Самый веселый и очень харизматичный человек. Твои вечерники останутся навсегда в моем сердце)) Не хватает конечно курсов по React, NextJs, NodeJs, TS и других. Огромное тебе спасибо, без тебя я бы шатался на старой не любимой работе!
спасибо
Да ладно , только сел искать свежее видео по gulp )))
хух, успел отснять до момента твоего поиска =))
Вадим! Ты красавчик, каких не видывал TH-cam. Ты делаешь сложное простым и понятным. Просто как ручка крана, открываешь и водичка течёт. Та форма подачи информации, которой ты мастерски орудуешь, как самурай катаной (с юмором и понятными терминами), льется как песТня в наши уши. И мы в ритме танца... Спасибо тебе за такую найлэпшу вечеринку. Здоровья, успехов в дизайне макетов (ждём это чудо) и только вперёд!
Благодарю
Класс! Класс! Класс! Класс! Класс! Класс! Класс! Класс! Класс! Класс! Класс! Класс! Класс! Класс! -
Сделайте пожалуйста понятный гайд с доступными объяснениями по webpack и docker
а че там сложного то? docker это тот же linux но без лишних деталей. там работа ни чем не отличается. запускаете контейнер, в контейнер клоните репу, запускаете npm instal ну и в бой, bild или что вам там надо. чаще всего просто билд проекта запускают на серваке. но лучше vite использовать, он более быстр и там сборка чуть другая, убраны проблемы webpack. просто webpack на node работает и он медленен не прилично как и тянет проблемы node за собой. но тут все зависит от проекта, где-то лучше webpack, где-то нет. а так там ничего сложного нет. вам просто надо понимание как работает docker, а не связка docker + webpack. и все станет понятно.)) есть не плохая книга - "docker на практике", там не плохо объясняется устройство Docker. это как вариант.
Добрый день. При добавлении автопрефикса у меня возникает ошибка. Если его убираю все работает. 10 раз перепроверил код ...но не могу понять почему ....(((((((
А также не работает функция build....😢
В заголовке "современный синтаксис" в видео require. Попробуйте последний gulp-autoprefixer поставить с require, который только через import подключается, а тип - модуль в package не объявишь и babel не поставишь, потому что другие подключения на require. И не только gulp-autoprefixer на import переходят, потому "современный" уже он, а не require
А с чем связан этот переход?
@@0percot926 "Стильно, модно, молодежно" (с)...
Могу помочь с переводом этой сборки на es6 модули, мне очень помогло
С одной стороны простой инструмент, с другой очень давно мне так никакие инструменты нервы не трепали, особенно browserSync. Набиваю навык, переписываю конфиг, все 1 в 1, но нет не работает, я понимаю что компьютер прав, но удобство будто ходишь по битому стеклу. Хочется выкинуть монитор в окно а клавиатуру разломать об колено.
Live Server не является заменой Browsersync?
Всем тем у кого ошибка на autoprefixer при запуске gulp.
Вместо стандартного require() используем динамический импорт внутри функции styles.
async function styles() {
const autoprefixer = (await import('gulp-autoprefixer')).default;
return src('app/scss/style.scss')
.pipe(autoprefixer({ overrideBrowserslist: ['last 10 versions'] }))
.pipe(concat('style.min.css'))
.pipe(scss({ outputStyle: 'compressed' }))
.pipe(dest('app/css'))
.pipe(browserSync.stream());
}
спасибо!
Чел, ты просто гений :)
Спасибо!
спасибо, ты спас моё время)
не сочтите за наглость, хотелось бы видео или марафона по вёрстке для тех, кто только установил gulp, просмотрел видео про scss. Как вы со всем этим работаете, чтобы более уверенно себя чувствовать. Так сказать видео для середнячков. Спасибо за ваш труд и доброту!
Для тех, у кого autoprefixer жалуется на комментарии в scss, надо вызывать scss раньше чем autoprefix:
function styles() {
return src('app/scss/style.scss')
.pipe(concat('style.min.css'))
.pipe(scss({ outputStyle: "compressed" }))
.pipe(autoprefixer({
overrideBrowserslist: ['last 10 version']
}))
.pipe(dest('app/css'))
.pipe(browserSync.stream())
}
Спасибо! Без воды, всё как надо! Хотелось бы в следующих видео увидеть реализацию сборки под мультистраничный сайт и подключение конкретных файлов скриптов и стилей к конкретным страницам, а не все стили и скрипты ко всем страницам:) Еще раз спасибо за труд!
Ну js допустим закешируеться на главной, Смысл подключать разные
Супер контент! Из пожеланий, хотелось бы увидеть реальный процесс передачи сайта клиенту под ключ (натяжка верстки на wp + загрузка на сервер + правильная передача клиенту)
Был бы топ контент имхо
Хотел сделать отметку по поводу, когда у нас много JS-файлов, рассказывается на этой минуте (1:26:50), так вот, Вадим забыл сказать, что чтобы у нас небыло бесконечного обновления main.min.js, нам нужно также '!app/js/main.min.js' и в function watching () { ... } дописать, вот так:
function watching() {
watch(['app/**/*.html']).on('change', browserSync.reload);
watch(['app/scss/**/*.scss'], styles);
watch(['app/js/*.js', '!app/js/main.min.js'], scripts);
}
Вадим разбор крутой
Будет круто теперь марфон устроить с этой сборкой
Ну и ожидаю в будущем работу с webpack увидеть
💪💪💪👍👍
Огромное спасибо за уроки! Лучший на ютубе! Пусть вечеринка никогда не заканчивается!
Спасибо, автор! Может кто знает, как установить плагин gulp-version-number? Также как остальные? Но для него еще конфигурация есть, не пойму куда ее вписать. Благодарю.
Вадим, спасибо огромное за класнный и очень полезный видос!
Вдруг, кто-то столкнулся с такой-же проблемой как у меня, что при запуске функции build консоль выдаёт ошибку и ругается на autoprefixer, то просто сделайте откат до 8-й версии. Мне, это помогло.
Вообщем крутой ролик , все работает пушка , скажи а будет такой же ролик по webpack??
Хахах не поверишь, только вчера пересмотрел твои предедущие ролики по галпу...
=)) некоторые моменты обновил
Последняя версия gulp 4.0.2 в 2019 году вышла. На дворе 2023.
и?
@@vadymprokopchuk Этот софт немножечко так устарел. Но дело даже не в этом. Если за 4 года не появилось никаких обновлений или аналогов, это указывает на то, что не очень то он миру нужен и на это есть множество причин (есть вебпак, фронтенд сильно изменился).
@@DreamingDolphing если у тебя проект не на фреймверке, или это не spa, тебе не нужен вебпак.
Галп в 23?!
А чем он плох для верстальщика?
Если у тебя не SPA или не проект на JS фреймворке, gulp твой идеальный кент, не сомневайся
@@vadymprokopchuk хоть и не мне ответил. Но спасибо
поддерживаю, есть Vite, который свободно работает и с обычными html, scss, js.
Мы лендосы верстаем с vite: минимум настроек, простота конфига, простота написания плагинов (если надо), можно накинуть TS.
Вчера оставил коммент для продвижения видео, а сегодня посмотрел, и готов резюмировать.
Объяснено просто пушка, ты лучший, если кто-то скажет что не так, не верь им, у тебя талант, на расслабоне объяснять простыми словами, непростые вещи.
Круто! Хотелось бы еще спрайт иконок что б собирал, шрифты и изображения конвертировал и переписывал ES5 в ES6
Вадим, Вы просто чудо!!! Благодарю за знания ❤
Спасибо тебе за объяснение сложных вещей понятным языком. Надеялся что ты уже будеш делать сборку на модулях ЕS6, с файлами конфигурации и условиями исполнения тех или иных тасок
Меня поругали за то как вы научили меня Gulp. Вы запускате файлы не с папки dist. У вас повторяются файлы min в рабочем проекте и в папке dist. )) Это не коректно и не верный подход. Файлы min не доолны повторятся в нашем рабочем проэкте. И ослеживать browser-sync нужно с папки dist. И кстати я посмоотрел у других уроки. И вы единственый кто так сделал. Все действительно отслеживают c dist и не повторяют файлы. И принято называть рабочую папку src. И мне так сказали и у остальных блогеров тоже src. Concat() это не переименование. А объединение. А для переименование есть другой метод rename(). Минимизации html нет. Хотя суть Gulp что бы все минимизировать. Html это основной файл. В любом случае за урок спасибо. Лишним не будет. Но хотелось бы что бы уроки были с профисиональным подходом.
Здравствуйте. Кого посоветуете из блогеров? Чтобы развернуто и понятно было как у Вадима
Все ещё пользовалась твоей старой сборкой, пыталась пару раз перейти на чужие сборки, но твой самый понятный. Спасибо большое, что выложил обновленную версию❤
Вадим, спасибо тебе за то что ты есть! Я все обучалки по галпу пересмотрел, но так как они были загружены год назад и выше, у меня постоянно возникали ошибки на каждом этапе. Какое счастье было увидеть твое видео и повторяя твои действия, видеть что все работает. Это просто Новый Год какой то, у меня просто снос кабины от счастья! Спасибоооо :3
огонь
Спасибо, дальше ждем вечеринку по webpack )
Я шарю, меня Максим зовут. Ты удивишься, но я знаю, что ты Вадим, я тебя в парке часто видел, ты там на канатах зависал)
Можно добавить в сборку:
1. minimage
2. конвертацию в webp
3. можно добавлять тег picture и туда закладывать 2 типа изображений, но считаю, что уже достаточно оставлять webp, её один ослик не поддерживает, поэтому на этом пункте можно похоливарить
4. медиакверигруп, что бы он выносил в один брэкпоинт все классы, а то после scss он будет писать под каждым классном
И на этом можно остановиться, считаю, что не нужно сильно перегружать сборку, для только прибывших это будет сложно
Лучший город тебя ждёт :)
Надеюсь ты вернешься и всё же организуешь сходку)
P.S. Ты молодец, у тебя хороший контент и максимально простой для нулей!
Именно с твоей сборки я начинал и её уже терзал под себя, поэтому огромное спасибо, в начале пути ты очень облегчал мне жизнь)
Спасибо, буду развивать сборку, докину туда плагины.
Скучаю за лучшим городом!
Просто лучший, благодарим за то, что ты делаешь! :)
Благодарю
скинь пож исходник ?
чтобы видео все-таки разбилось на части, необходимы нули перед первыми двумя частями) чтобы получилось 00:40 и 03:17
лучше дайте вот на что ответ: как оптимизировать компиляцию в случае если у меня 20+ файлов?
Нужно видео с актуальными ECMAScript модулями. Прошел целый год, и некоторые плагины уже переписаны под новый формат, а значит, нужен новый видос на эту тему. Вообще это вызвало у меня большую головную боль, так как я только начал учить JavaScript и плохо разбирался в модулях. Пришлось немало попотеть и почитать, прежде чем сделать твою сборку рабочей. Но всё равно большое спасибо! Ведь кроме Gulp, я также разобрался в еще одной не менее важной теме.
Привет, я щас как раз ищу ответ на то как обновить scss модуль на новый, можешь подсказать куда копал чтобы сборка была без предупреждений? мне пишет The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
@@ДауренМанайдар-к6х Скорее всего, разработчики решили отказаться от использования CommonJS в пользу ECMAScript модулей, так как я с такой ошибкой не сталкивался. Попробуйте заменить строку:
const sass = require('gulp-sass')(require('sass'));
на
import dartSass from 'sass';
import gulpSass from 'gulp-sass';
const sass = gulpSass(dartSass);
Современный синтаксис require...??
Я тоже посмеялся)
видос огонь, спасибо за обновленный контент!) Вадим, будет на ютубе от тебя когда-то видео с React ? хотелось бы посмотреть вечеринку по созданию приложений) P.S. знаю реакт, редакс, но хотелось бы посмотреть именно твою подачу, твою вечерину)
Посмотрел видос как новый фильм Мстителей))) не отрываясь от манитора😅 Вадим огромное спасибо))😊
Ребята, подскажите, как с помощью gulp сверстать мультиязычный сайт? Именно с существующими страницами.
Ещё отдельное огромное спасибо за пояснение работы на мак. Я столько мучилась при первых попытках, что-то сделать и получить в этом терминале.. не описать всю мою боль
круть, все порешали
Спасибо!
Поставил gulp 5 но вот gulp-autoprefixer 9 он мне что - то не дал поставить. Чтобы он заработал я перешел на gulp-autoprefixer 8
Спасибо за туториал. Сборка работает. Но autoprefixer на сегодняшний день не поддерживается на этой сборке. Вылетает ошибка в консоли после команды gulp , после удаления autoprefixer из проекта сборка запускается.
Делал как в методичке) при подкучении Autoprefixera плагин не работает, 100 раз перепроверял все) может есть какая то ссылочка на Git на эту сборку. А то уже все руки в кровавых мазолях в попытках собрать сборщик)
проблема в том что теперь auto prefixer использует модульный подход в джаваскрипт
попозже скину готовый репозиторий с галпом)
@@SadBatya я переключился на сборщик vite. Он собирает на чистом js, angular, react, vue, typescript. Очень легко настраиваться и все плагины так же легко и бысто устанавливаются.
дякую за прекрасну подачу і якісний урок. в подальшому хотілось би подібне відео по webpack і серію занять по react.
Добрый день, столкнулся с такой проблемой [Browsersync] Reloading Browsers... (buffered 2 events), знает может кто как исправить?
лучше бы я вам отдал деньги, а не скилбоксу....
Спасибо за видео!
Столкнулся с проблемой:
При вводе команды gulp styles выдает в терминале:
gulp: command not found
Может кто подскажет?
gulp установлен, как локально так и глобально
А нельзя было в самой функции build вызывать функцию clean ?
После таких видосов осваивать Gulp стает очень просто. Всегда жду следующих выпусков. Спасибо за такую огромную работу!
зачем усложнять себе жизнь вы и так купили уже себе МАК.... :)
я перепробовал все что мог у меня хоть убей не видит конечный файл ни css ни js файлы в dist и стили не применяются
Как-то случайно попал к вам на вечеринку, но уверен, что останусь :)
6:45 лучший прилок,который я слышал за прошедший год,я даже заплакал от смеха
Привет,давай добавим чтоб "npm i Gulp "pон Кукис (cookies) удалял, и 2ое можно как то html чтоб для кождой section был отдельный file.html , например header отдельно , footer отдельно, спасибо!
есть кассир, а есть менеджер пакетов, которьій спрашивает "нужен ли вам пакет?"
ору с твоих пояснений! однозначно лайк!
Вопрос: последний релиз GULP 4.0.2 был 5 лет назад!
С тех пор GULP не обновлялся. Кто знает почему? Разработчики забросили проект?
Вадим, такой вопрос. При пуше на гит что будет отправляться файлы из app или из папки dist. Или нужно переходить в папку dist и оттуда пушить?
Добротное видео)) а юмор так и подавно ))
Было бы гуд добавить в сборку ещё работу с HTML. Для того чтоб разбивать на кусочки и с помощью инклюдов импортировать нужные часть. Все таки это и переиспользовать одинаковые секции помогает, например одинаковый футер или хедер в многостраничнике , и в целом проще по файлам-кусочкам работать , нежели в одном полотне огромном. И ещё поддержку source-map, дабы в дев тулс в браузере указывало откуда идут стили , с какого кусочка. Ибо так оно по идее пишет что все идёт с одного итогового скомпилированного css. Это тоже помогает немного быстрее понять название файла в котором нудный код , а дальше этот файл быстро найти что в вс коде по поиску файлов, что в шторме . Особенно помогает , когда писал проект давно и надо вернуться к нему , а ты не помнишь уже где там что))
Спасибо за потраченное время на видос ещё раз 🤗
Зачем всё это прописывать и что-то там делать, если можно просто пользоваться препроцессором Less или Sass и программой Koala, которая сама всё делает - и сжимает, и объединяет и т.д. и т.п. Нужно всего-то прописать две строчки и пользоваться. Этот Галп ещё не умер, я удивлён.
огромное спасибо! до этого видео я боялся Gulp? а теперь он мне понравился. Вадимчик, дружище, можно сделать так, чтобы эта сборка была под обычные задачи, верстки простых сайтов, с попапами, акордионами, и всякими приблудами, а потом чтобы продолжить эту сборку масштабировать под задачи интернет магазина?- спасибо за крутую вечеринку. Надеюсь ты прочитаешь этот комментарий, думаю ты поймешь, что я имел ввиду
Вадим ,огромное спасибо за труды! Новая сборка как раз в тему зашла,это шикардосно! Ты просто красавчик!
Всегда актуальные руководства и темы для совершенствования знаний, спасибо большое за твою работу и вечеринки с божественными напитками никогда не надоедают!
Годный контент! Спасибо!!!
По прежнему жду курс по прокачке новичков на новый уровень! Не знаю зачем мне, разработчик должен развиваться сам, наверно просто соскучилась за вашей командой! У меня был самый лучший ментор, я получила не только знания а и огромное удовольствие! Так что жду с нетерпением новость о новом курсе! Вам удачи и только развития, развития, развития
Благодарю
А почему swiper c флагом D устанавливать?
О, Вадим, у тебя уже 70 тысяч тусовщиков на канале) Приятно удивлен! Последний раз смотрел тебя на 10к ((
Благодарю Вас Вадим, за Ваши уроки, за Ваши знания и за то что делаете людей умней и богаче респект Бро! 🙏🤝💥 Всех благ, Вам и Вашей семье! 🙏 Ас-саляму алейкум!!! 🤝
Очень круто, спасибо большое!
Лайк сразу! ) Вопрос: будешь делать модульную структуру? Что хотелось бы увидеть: наверно режим для разработки (скажем min для css и js не нужен, т.к. читать не удобно или подключение карты), режим для выгрузки. И как склейку js-файлов (например slider.js, tabs.js, menu.js) в одном файле (наподобие style.css), но с выбранной последовательность?
спасибо огромное за такие прекрасные видео на вашем канале!
Обязательно продолжайте, Вадим. Маялась с этим галпом месяц, и вот, наконец, удалось всё установить. Спасибо!
круть
Огромное спасибо за очень ценную информацию ❤
как в сборку добавить gulp-file-include ?
кто поможет ?
Как выключить или удалить плагин в gulp?
Привет Вадим! Изучаю по твоим видео верстку. Мне друг говорит что gulp это хорошо но для не больших проэктов, учи react ! Он сам в теме 13 лет и прям не плох в этом деле))
Советчиков в начале много. Но по его совету изначально я начал изучать эту тему
Какая выбирать вообще между библиотекой-фреймворком и бандлером? Это вообще разные вещи
@@gomuncool1004 видишь я не шарю. Мне не объясняют🤣Вадим думает что за дубильный вопрос)) мой товарисчь тоже наверное не шарит спасибо.
@@gomuncool1004 да ниже отписал) ты увидел) выбирать не нужно, учи и то и то, gulp простой, освоишь оч быстро, аа пригодится точно, моего видоса будет достаточно
@@vadymprokopchuk спасибо, брат!
Я бы таких умников с опытом 13 лет гнал бы палкой нахер. Толку учить реакт, если ты не знаешь как сделать рядом блоки равновысокими и тем более не знаешь основ JS.
Ты же на фронтенд идёшь, логика - это замечательно, круто и нужно, но когда ты её применяешь по назначению, а не потом в проектах начинаешь придумывать через JS костыли в виде css, потому что ты его нафиг не знаешь.
Поэтому начинай с простого, поверстай, поверстай в сборке, учи JS. Потом внедряй какие-то динамические решения js в те самые свёрстанные макеты, банально клики повешать на кнопки, бургеры и тп., попробовать какой-то простой слайдер написать (естественно для практики JS), может какое-то отслеживание вьюпорта сделать по скролу и как-то с этим работать и т.п. и т.д.
А уже потом прыгать на одного из китов (Реакт, Вью или Ангуляр)
И друга своего с опытом не забудь послать за такие советы
лучшый!
Благодарю за видео! Как раз хотел освежить свой Gulp на тасках. Да, было бы интересно дальше послушать про svg спрайты, шрифты, изображения и пр. Тем более что многие доки для плагинов оставляют желать лучшего.
Спасибо Вадим! Теперь можно и многостраничный делать👍
Можете пожалуйста скинуть сборку, если есть у кого на гите?
cкорее бы второе видео, а так хотелось бы марафоны с анимацией и больше, больше вечеринки
Спасибо за проделанную работу)
Писал писал таймкоды в коменте, бах и удалились
Я хотел научиться gulp и ты выпустил такое круто руководство
слезы на глазах... отличное видео
Вадим, а как же новые ES6 модули?)
Можете пожалуйста сказать, зачем Gulp если есть более развитые инструменты типо WebPack или Vite? Все они сборщики, все они устанавливаются также, на всех можно писать маленькие приложения но в двух последних случаях большие приложения писать легче. Так зачем Gulp тогда?
Тоже задался таким вопросом. Думаю, для обучения верстке его можно использовать. Помимо обработки sass можно еще добавить template engine и разбивать на файлы не только стили, но и html. Если цель просто сделать верстку без js логики, например, для обучения, то смотрится как рабочий вариант. Правда, ту же сборку стилей с разбиением их на файлы может выполнять сборщик (webpack, vite), а вместо разбиения html на шаблоны можно писать компоненты с помощью фреймворка. Если же нужен полноценный сайт с исопльзованием js, то тут только второй вариант. А так gulp не обновляется с 2019 и по функциональности явно уступает современным сборщикам.
Как раз вовремя! )
Надеюсь, хоть в этот раз у меня получится по-людски импортировать слайдер 😂😂😂
Как я вас понимаю, у самой были проблемы с подключением сторонних библиотек))
100% получится)
Тоже решила вновь попробовать подключить slick-slider,а он выдаёт ошибку в js. Не распознаёт функцию, пишет, что таковой не найдено. При том, все файлы как js, так и css подключены((
скинь пж готовую сборку если напмисал?
@@vadymprokopchuk слик подключить таки удалось, но почему-то дотсы стилизовать нормально не выходит.. )
Прописываю одинаковые параметры для тех же элементов, что и при чистой вёрстке, а получается совершенно другой результат и я несколько часов не могу понять почему...катастрофа какая-то =(
Спасибо за отличное видео. Посмотрел до конца. GULP установил. Все работает. Жду следующую серию. Вадим, ты крут!
молодцом
Спасибо большое! Ждем продолжения😊