01
Что такое Gulp? Сравнение с Grunt и Webpack

Скринкаст по Gulp

Gulp -- замечательная система сборки и задач, но при всём обилии информации в интернете о ней -- это, как правило, либо самые основы, либо "готовые решения", чтобы адаптировать которые нужно понимание, как что работает.

В этом скринкасте я постараюсь восполнить этот "недостающий фрагмент". Не просто "вот такой код работает", а "почему и как он работает", и как его получить. Это сделает использование готовых решений легче и приятнее. И позволит создавать свои.

Node.JS

Для работы с Gulp необходимо знание Node.JS.

Хотя бы выпуски 1-9 (основы), 13 (события), 23-25 (потоки), а желательно – и остальные выпуски первой части скринкаста по Node.JS.

Gulp 4

В скринкасте используется новый Gulp версии 4.

Текущей версией является Gulp 3, и большинство руководств в интернете посвящены именно ему.

Однако в новой версии многое сделано более правильно, она обратно совместима и стабильна. Поэтому мы будем использовать её.

В репозитории Gulp есть ветка 4.0, в которой есть и сам код и документация и даже рецепты, уже адаптированные под Gulp 4. Так что на новой версии Gulp вы будете точно не один.

Выпуски скринкаста
01
Что такое Gulp? Сравнение с Grunt и Webpack
14:29
02
Установка и запуск задач
09:31
03
Потоки Vinyl-FS
15:24
04
Начальная сборка стилей
24:02
05
Инкрементальная сборка, watch
09:45
06
Инкрементальность и производительность
16:11
07
Автоперезагрузка браузера: browser-sync
10:08
08
Обработка ошибок
13:11
09
Создание плагинов при помощи through2
10:30
10
Более сложный поток: eslint, gulp-if, stream-combiner2
27:04
11
Понимаем ли мы потоки Node.JS?
09:23
12
Организация gulpfile'а
16:33
13
Стили + ресурсы, спрайты, продакшн
27:02
14
Интеграция Gulp и Webpack
07:40