Gulp JS

#01 Описание и установка Gulp.JS

от 2019 - 09 - 02

Gulp — это таск-менеджер, написанный на JavaScript и служащий для оптимизации рутинных задач. К примеру, при подключении пакета BrowserSync, Gulp позволяет работать с кодом, автоматически обновляя страницу в браузере. Также Gulp удобен для минимизации CSS и JS кода, удаление неиспользуемого кода, тестирования файлов, добавления префиксов к CSS-свойствам, конвертирования SASS в CSS и ряда других задач. […]

#02 Начало работы с Gulp.JS

от 2019 - 09 - 03

В файле gulpfile.js прописываются таски (задачи) и запускаются через консоль. Таски можно определить, чтобы они запускались по умолчанию. Проверить ее работу можно, написав в консоли gulp. Также можно обратиться к функции как Тогда в консоли для ее вызова напишем gulp print. До версии Gulp 4.0.0 можно встретить другой формат записи. С ним также можно работать […]

#03 Watch задачи и автоматическое обновление

от 2019 - 09 - 09

Чтобы задачи запускались по умолчанию и в определенной последовательности, нужно прописать в gulpfile.js — gulp.series, для одновременного (параллельного) запуска — gulp.parallel. Для автоматического обновления страницы в браузере нам понадобится плагин BrowserSync. Подробнее о нем можно почитать на оф. сайте. Через консоль устанавливаем его для данного проекта: Теперь вернемся к ранее написанному коду из предыдущих статей. […]