Оптимізація ресурсів сайту та тестування дизайну в різних браузерах, звичайно, не найцікавіша частина процесу розробки. На щастя, вона складається з повторюваних завдань, які можуть бути автоматизовані за допомогою правильних інструментів, що підвищить вашу ефективність. препроцесорів, мінімізація JavaScript та перезавантаження браузера. У цьому посібнику ми побачимо, як використовувати Gulp для зміни вашого робочого процесу, щоб зробити його швидшим та ефективнішим.
Що таке Gulp?
Gulp є системою складання, це означає, що ви можете використовувати його для автоматизації типових завдань при розробці сайту. Він побудований на Node.js; вихідний Gulp і ваш Gulp-файл, в якому ви визначаєте завдання, обидва написані на JavaScript (або щось на кшталт CoffeeScript за бажання). Це чудово для фронтенд-розробника. Ви можете написати завдання для аналізу JavaScript та CSS, парсингу шаблонів та компіляції Less при зміні файлу (і це лише кілька прикладів) та мовою, з якою ви, ймовірно, вже знайомі.
Gulp сам по собі робить трохи, але для нього доступна величезна кількість плагінів, які ви можете побачити на сторінці плагінів, або шляхом пошуку gulpplugin в npm. Наприклад, є плагіни для роботи JSHint, компіляції CoffeeScript, запуску тестів Mocha і навіть для оновлення номера версії.
Також доступні інші інструменти для збирання, такі як Grunt та свіжіший Broccoli, але я вважаю, Gulp набагато краще (див. Чому Gulp?). Я склав довгий список інструментів складання, написаних на JavaScript.
Gulp — проект з відкритим вихідним кодом і може бути знайдений на GitHub.
Оригінальний текст доступний цією посиланням: http://www.smashingmagazine.com/2014/06/building-with-gulp/