В данной статье, мы расскажем о том, как установить Gulp!
Gulp — инструмент ускоряющий front-end разработку. Он разработан для автоматизации рутинных задач и является одним из современных инструментов, который обязательно должен находится в вашем арсенале.
Основные задачи, которые вам поможет решить Gulp:
Минимизация и конкатенация javascript и CSS файлов;
— Минимизация HTML;
— Использование CSS препроцессоров Sass, Less, Stylus и других;
— Оптимизация изображений;
— Автоматическая простановка вендорных префиксов;
— Использование шаблонизаторов (Jade);
— Удаление неиспользуемого CSS (UnCSS);
— Валидация кода и тестирование;
Ссылки на ресурсы:
Официальный сайт Gulp: gulpjs.com
Gulp на Github
Каталог плагинов для Gulp //gulpjs.com/plugins/
Документация Gulp (на английском) ссылка
Установка:
ОДИН РАЗ НА ОДНОЙ МАШИНЕ!
1. поставить node.js //nodejs.org/en/
2. npm ls -g —depth=0
—> empty
(
ДЛЯ МАКА И ЛИНУКСА, ВСЕГДА ПРИ -g пишет sudo
sudo ls -g —depth=0
)
3. npm i gulp-cli -g
4. npm ls -g —depth=0
—> gulp-cli@version
ОДИН РАЗ ДЛЯ ПЕРВОГО ПРОЕКТА
1. cd /d D:/your-folder
2. npm i gulp —save-dev
3. ставим остальные модули и пишем gulpfile
Когда всё есть
1. скопировать gulpfile.js и package.json
2. npm up
3. gulp watch