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

О видео «Сборка проекта на 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