Введение в Gulp

Gulp - это …

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

Gulp, при наличии соответствующих плагинов, автоматизирует такие задачи как: конкатенация и минификация файлов, компиляция CSS и HTML препроцессоров и многие другие.

Запуск выполнения задач осуществляется через терминал (консоль) с помощью определенных команд.

Почему Gulp?

Помимо Gulp существует немало других сборщиков проектов, например Grunt или Broccoli, однако причины, по которым Gulp существенно опережает их, будут следующими:

  • Скорость - благодаря использованию Node.js.
  • Простота - написание Gulpfile.js выглядит более понятным и очевидным,чем например, написание Grunfile.js для системы сборки Grunt.
  • Множество плагинов - для Gulp написано огромное количество плагинов, из которых Вы, вполне, можете найти подходящий под вашу задачу.
  • Использует JavaScript - Gulp работает на Node.js, поэтому для конфигурации Gulpfile.js Вам потребуется знать только JavaScript.

Gulpfile.js

Gulpfile.js является главным файлом, в котором осуществляется управление задачами и конфигурирование плагинов. Для каждого проекта, gulpfile.js будет отличаться, т.к. это зависит от того какие плагины Вы будете использовать и какие задачи перед Вами стоят.

Пример Gulpfile.js Вы можете видеть ниже: