Gulp для новичков

Оригинал: css-tricks.com/gulp-for-beginners
Перевод: Влад Мержевич

Когда речь заходит о веб-разработке, то инструмент Gulp помогает выполнять разные задачи и часто используется для следующего:

  • запуск веб-сервера;
  • автоматическая перезагрузка браузера при каждом сохранении файла;
  • использование препроцессоров, таких как Sass или LESS;
  • оптимизация CSS, JavaScript и изображений;

Это не исчерпывающий список того, что может делать Gulp. Если вы достаточно сумасшедший, то можете даже создать генератор статичных сайтов с помощью Gulp (я это сделал!). Так что да, Gulp очень мощный, но придётся научиться им пользоваться, если вы хотите создавать свои настраиваемые процессы сборки.

Это руководство было написано для Gulp 3.x, но уже вышел Gulp 4.x, который я рекомендую. Как и при любом значительном изменении версии, API существенно обновился, так что если вы установите Gulp 4 и попытаетесь выполнить некоторые действия из этого руководства, то они не заработают. По ходу руководства мы ещё сделаем несколько напоминаний об этом. Пока можете взглянуть на довольно хороший стартовый набор Gulp 4.

Данное руководство поможет вам освоить азы Gulp, после чего вы сами сможете изучить всё остальное.

Зелл Лью

Дизайнер, веб-разработчик и автор книг из Сингапура. Участвует в конференциях и семинарах для разработчиков по всему миру.