Gulp

Что такое Gulp и зачем это нужно.

Gulp - инструмент автоматизации рутинных задач веб-разработки: что он делает и зачем нужен при работе с HTML, CSS и JavaScript.

Установка Gulp

Установка Gulp: глобальная установка gulp-cli через npm, проверка версии командой gulp -v и требования к окружению.

Что собой представляет gulpfile.js и запуск первой задачи

Файл gulpfile.js: как устроен главный файл Gulp, что такое задание-функция и как запустить первую задачу из командной строки.

Пример gulp файла с несколькими задачами

Несколько задач в gulpfile.js: как объявить вторую функцию через exports и вызвать её по имени из командной строки.

Вызов gulp задачи без конструкции export и задача по умолчанию

Узнайте, как импортировать модуль Gulp и создавать задания с помощью `gulp.task`. Обзор разных способов записи задач в Gulp, включая использование `EXPORTS` и `REQUIRE`. Примеры вызова заданий по умолчанию и отдельных команд для эффективной работы с Gulp.

Об алгоритме работы Gulp

Алгоритм работы Gulp: файл на входе, обработка, готовый файл на выходе. Зачем разделять папки исходников и сборки.

gulp src, gulp dest, pipe и еще один способ сообщить о выполнении задания. Учимся копировать файлы.

Команды gulp.src, gulp.dest и pipe: копирование файла в папку сборки и способ сообщить Gulp о завершении задания.

Как указать группу файлов для обработки в Gulp

Маски файлов в gulp.src: символы * и ** для обработки группы файлов во вложенных папках вместо перечисления по одному.

Что такое плагины Gulp

Плагины Gulp: зачем они нужны при ограниченном наборе базовых возможностей и где искать их на официальном сайте.

Пример установки плагина Gulp.

Установка плагина Gulp: создание npm-проекта командой npm init, файл package.json и подключение модуля в gulpfile.js.

Пример основ работы с sass с помощью Gulp

Объединение на выходе разных файлов в один

Минификация CSS кода с помощью Gulp

Автоматическое добавление префиксов в CSS файлы с помощью Gulp

Как вручную указать те файлы, которые должен обработать Gulp

Слежка за изменениями в файлах Gulp

Удаление файлов с помощью Gulp

Основы работы с Javascript с помощью Gulp

Выполнение нескольких тасков последовательно и параллельно

Пример сборки стилей и скриптов на реальном примере.

Что такое browsersync?

Browsersync: инструмент для вёрстки, который отслеживает изменения файлов и обновляет страницу сразу на всех устройствах.

Установка и подключение browsersync с помощью gulp.