Сборка проекта на 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: • Уроки по сборщику Gulp 4 Урок по JS в одном видео: • #0 Основы программирования на JavaScr... Видео курс по JS: • Уроки по JavaScript Sass через Gulp: • Компиляция SASS и SCSS через Gulp сбо... ⚡️ Эксклюзив на Boosty -
💡 Telegram канал -
🎥 Курсы на Stepik -
💰 Донаты на ЮMoney -
ВКонтакте -
https://vk.com/itdoctorstudio Яндекс Дзен -
Rutube -
#gulp #gulp4 #itdoctor #обучение #gulpsass #gulpless #gulpbuild
