Что такое gulp и npm и как его внедрить на практике
 

Что такое gulp и npm и как его внедрить на практике

14 октября 2015 11:20 Категории: Вдохновение Кухня

Просто шикарный инструмент, который позволяет упростить рутинные процессы в верстке.

Если посмотреть на верстку со стороны, то можно заметить, что у front-end разработчика очень много рутинной работы, которая чаще всего завязана на файлах:

  • минимизация css, js,html;
  • оптимизация изображений, сжатие размеров без потери качества;
  • постпроцессоры, препроцессоры.

И большинство разработчиков задумывалось об автоматизации данных процессов, так появилось два очень крутых инструмента для верстальщика:

  • grunt — это инструмент для сборки javascript проектов из командной строки с использованием задач;
  • gulp — сборщик js проектов, который работает на потоках, а не на частичном считывании файла, как в grunt.

Я все же советую вам использовать gulp, так как он работает шустрее и меньше делает запросов к жесткому диску, чем grunt. Хоть на нем и немного меньше плагинов, но он того стоит.

Конечно, с этими утилитами придется общаться через console, но это не беда. Для работы я использую консоль от git — git bush, так как он больше всего похож на unix консоль.

Предлагаю вашему просмотрю вебинар, в котором подробно рассказано как использовать gulp в верстке.

У меня есть очень много видеоуроков по gulp, которыми я в скором времени поделюсь.  В этом видео также используется bower, который также в скором времени будет описан на страницах блока catine.
Кстати, результат этого видео выложен тут: https://github.com/evgwed/template-projects-gulp