07-02-2018
Andru
Сегодня хотел бы поделиться своими наработками из области удобной и быстрой сборки проектов с помощью Gulp.js. Наверно это один из простейших инструментов.
Начнем с установки Gulp
Для начала вам нужно установить Node.JS который включает в себя npm. После установки запускаем консоль и проверяем версию ноды node -v и npm -v если все хорошо переходим к следующему пункту.
Далее создаем папочку для нашего будущего проекта и открываем ее в консоли (shift + правая кнопка мыши по папке) или переходим в нужную нам дерикторию с помощю команды cd в консоли.
В консоли инициализируем проект с помощью команды
npm init
и заполняем поля имени проекта, описания, версии и т.д.
После чего в папке нашего проекта плявится файлик package.json
Теперь наконец то устанавливаем сам Gulp через npm командой npm i gulp --save-dev
теперь наш проект начинает набирать вес но всякому проекту нужнас труктура у кажого она конечно своя но есть общепринятые основы построения структуры проекта приблизительно она выглядит так:
теперь все что нам осталось ето создать файлик gulpfile.js в который мы и будем устанавливать все наши плагины которые и будут творить магию которая ускоряет разработку проекта в разы вот кстати несколько статей по наиболее популярным плагинам ссылочка 1 ссылочка 2 . Для каждого из плагинов в их репозиториях GitHub есть подробная инструкцыя по установке каждого из них.
Все задачи в Gulp пишутся тасками вот простейший таск:
Хоть и есть и тяжеловесы в этой области но Gulp подкупает своей простотой в освоении