Bower управляет версиями установленных пакетов и зависимостями каждого такого пакета. Но как же нам применять эти пакеты в коде эффективно — как для разработки, так и при развертывании проекта? Тут появляется Gulp. Он запускает задачи, как и его устаревший дальний родственник Make или такие инструменты как Ant, Phing, Rake или новый малыш в этом списке, Grunt.
Посмотрите, что вы можете автоматически делать с помощью Gulp: минимизировать CSS и JavaScript; сжимать и оптимизировать изображения; компилировать файлы Sass, CoffeeScript, Jade; автоматически перезагружать браузер, вместо обновления вручную через F5.
Вы можете заставить Gulp перезагрузить или обновить браузер, когда вы или что-то ещё, вроде задачи Gulp, изменяют файл. Есть два способа сделать это. Первый заключается в применении плагина LiveReload, а второй в использовании BrowserSync.
Как уже упоминалось, Gulp является одним из немногих инструментов сборки, доступных на JavaScript. Также есть и другие инструменты сборки, написанные не на JavaScript, тот же Rake. Почему вы должны выбрать Gulp?
Gulp является системой сборки, которая может упростить разработку сайтов путём автоматизации типовых задач, таких как компиляция CSS-препроцессоров, минимизация JavaScript и перезагрузка браузера. В этом руководстве мы увидим, как использовать Gulp для изменения вашего рабочего процесса, чтобы сделать его более быстрым и эффективным.
Ниже приведены некоторые интересные статьи, которые понадобятся нам в этом руководстве.
Установка Gulp довольно простая. Для начала установите пакет Gulp глобально через npm, затем установите его в свой проект.