Оптимизация ресурсов сайта и тестирование дизайна в разных браузерах, конечно, не самая занятная часть процесса разработки. К счастью, она состоит из повторяющихся задач, которые могут быть автоматизированы с помощью правильных инструментов, что повысит вашу эффективность.
Gulp является системой сборки, которая может упростить разработку сайтов путём автоматизации типовых задач, таких как компиляция CSS-препроцессоров, минимизация 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/