Gulp Для Самых Маленьких - Подробное Руководство

Gulp для самых маленьких - подробное руководство

Gulp - это инструмент, который помогает автоматизировать рутинные задачи веб-разработки. Gulp предназначен для решения таких задач, как:

• Создание веб-сервера и автоматическая перезагрузка страницы в браузере при сохранении кода, слежение за изменениями в файлах проекта;
• Использование различных JavaScript, CSS и HTML препроцессоров (CoffeeScript, Less, Sass, Stylus, Jade и т.д.);
• Минификация CSS и JS кода, а также, оптимизация и конкатенация отдельных файлов проекта в один;
• Автоматическое создание вендорных префиксов (приставок к названию CSS свойства, которые добавляют производители браузеров для нестандартных свойств) для CSS.
• Управление файлами и папками в рамках проекта - создание, удаление, переименование;
• Запуск и контроль выполнения внешних команд операционной системы;
• Работа с изображениями - сжатие, создание спрайтов, ресайз (png, jpg, svg и др.);
• Деплой (отправка на внешний сервер) проекта по FTP, SFTP, Git и т.д.
• Подключение и использование в проекте безгранично большого количества Node.js и Gulp утилит, программ и плагинов.
• Создание различных карт проекта и автоматизация другого ручного труда.

Можно с уверенностью сказать, что Gulp и множество утилит, написанных для него, подходят для решения практически любой задачи при разработке проекта любой сложности - от небольшого сайта до крупного проекта. Любой проект, использующий Gulp имеет в корне файл gulpfile.js, который содержит набор инструкций по управлению проектом.

Сразу хочется сказать, что написание инструкций для Gulp не является программированием, хотя пишутся на языке JavaScript.

Не стоит пугаться больших gulpfile.js, в основном все инструкции однотипные и имеют общие черты.

К тому времени, как вы прочтете данное руководство, у вас не должно остаться вопросов по Gulp, так как система сборки элементарная.

Но если у вас останутся вопросы - обязательно пишите в комментариях. Основные ресурсы урока:

Node.js: Скрытая информация :: Авторизуйтесь для просмотра »


Gulp: Скрытая информация :: Авторизуйтесь для просмотра »


Bower: Скрытая информация :: Авторизуйтесь для просмотра »


Browsersync: Скрытая информация :: Авторизуйтесь для просмотра »

Страница урока:

Скрытая информация :: Авторизуйтесь для просмотра »

Скачать: Скрытая информация :: Авторизуйтесь для просмотра »