Сборка проекта на Gulp 4, Подробный видео урок по сборщику Gulp, Уроки по сборщику Gulp 4

Сборка проекта на Gulp 4, Подробный видео урок по сборщику Gulp, Уроки по сборщику Gulp 4. Я покажу вам как сделать Сборку проекта на Gulp 4, в этом видео уроке по сборщику Gulp мы узнаем как объединять файлы с помощью gulp-concat, добавлять префиксы в CSS, проводить минификацию CSS и JS кода, настраивать синхронизацию с браузером. А так же я покажу вам как запускать готовую сборку проекта на Gulp 4 повторно при работе над новым проектом и не создавать всё заново.

Содержание:
00:00 Установка Gulp 4
14:12 Объединение файлов gulp-concat
31:32 Автопрефиксы в CSS, плагин css-autoprefixer
37:33 Минификация CSS, плагин css-clean
43:39 Минификация JS, плагин css-uglify
49:41 Очистка папки build, плагин del
53:40 Синхронизация с браузером и gulp watch
01:06:15 Тесты сборки на Gulp
01:11:37 Повторное использование сборки на Gulp 4

Плагин gulp-sass обновился, в связи с этим немного изменился принцип его подключения.
Для корректной работы таска styles нужно дополнительно установить пакет sass: npm i sass --save-dev
и заменить способ подключения с: const sass = require('gulp-sass');
на: const sass = require('gulp-sass')(require('sass'));

✔Советую посмотреть:
Репозиторий со сборкой Gulp: https://github.com/morphIsmail/gulp_settings
Плейлист Уроки по сборщику Gulp 4: https://www.youtube.com/playlist?list=PLuY6eeDuleIM7fEgWkXJvfiVOd2ecZyEE
Урок по JS в одном видео: https://youtu.be/2yT8jMgWvko
Видео курс по JS: https://www.youtube.com/playlist?list=PLuY6eeDuleINjS4_G7KuYThU_T4uzpAuG
Sass через Gulp: https://youtu.be/jjqvl0M0tGw

⚡️ Эксклюзив на Boosty - https://boosty.to/itdoctor
💡 Telegram канал - https://t.me/itdoctor_official/4
🎥 Курсы на Stepik - https://stepik.org/users/387773773/teach
💰 Донаты на ЮMoney - https://sobe.ru/na/itdoctor

ВКонтакте - https://vk.com/itdoctorstudio
Rutube - https://rutube.ru/channel/23500045/

#gulp #gulp4 #itdoctor #обучение #gulpsass #gulpless #gulpbuild