Сборка проекта на 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: [ Ссылка ]
Плейлист Уроки по сборщику Gulp 4: [ Ссылка ]
Урок по JS в одном видео: [ Ссылка ]
Видео курс по JS: [ Ссылка ]
Sass через Gulp: [ Ссылка ]
⚡️ Эксклюзив на Boosty - [ Ссылка ]
💡 Telegram канал - [ Ссылка ]
🎥 Курсы на Stepik - [ Ссылка ]
💰 Донаты на ЮMoney - [ Ссылка ]
ВКонтакте - [ Ссылка ]
Яндекс Дзен - [ Ссылка ]
Rutube - [ Ссылка ]
#gulp #gulp4 #itdoctor #обучение #gulpsass #gulpless #gulpbuild
