Такі інструменти, як Gulp, часто називаються «інструментами збирання», тому що вони є інструментами для виконання завдань створення веб-сайту. Два найпопулярніші інструменти для складання — це Gulp і Grunt. (Кріс Койєр має стаття про роботу з Grunt). Звичайно ж, існують інші інструменти складання. Наприклад, Broccoli фокусується на компіляції ресурсів, це одне з найпоширеніших завдань інструменту збирання.
Вже є кілька статей, що пояснюють різницю між Grunt та Gulp і чому ви повинні використовувати те чи інше (якщо цікаво, то можете прочитати цю статтю, цю або цю). Brunch аналогічно фокусується на ресурсах і виконує деякі типові завдання на кшталт відстеження файлів.
Основна відмінність полягає в тому , як ви налаштовуєте за допомогою цих інструментів робочого процесу. Конфігурація Gulp, як правило, набагато коротша та простіше в порівнянні з Grunt. Gulp також зазвичай працює швидше.
До кінця керівництва у вас буде робочий процес, який буде виконувати завдання, які ми описали на самому початку:
- запуск веб-сервера;
- компіляція Sass у CSS;
- автоматичне перезавантаження браузера при збереженні файлу;
- оптимізація всіх ресурсів (CSS, JS, шрифти та зображення).
Ви також дізнаєтесь, як об'єднати різні завдання у прості команди, які легко зрозуміти та виконати.
Давайте почнемо з установки Gulp на ваш комп'ютер.