GULP - ПОЛНЫЙ КУРС 2023 | УДОБНАЯ СБОРКА САЙТА | УСТАНОВКА И НАСТРОЙКА

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

• Он также позволяет сжимать файлы, уменьшать их размеры и ускорять загрузку сайтов.  

• Для работы с Gulp необходимо установить Node.js и пакетный менеджер NPM.  

• Рекомендуется установить стабильную версию Node.js для Windows 64-bit.  

• Создайте папку для проекта на диске C или D.  

• В этой папке создайте файл package.json для настройки проекта.  

• Установка Gulp в проект с помощью команды "npm install gulp-cli -g".  

• Создание файла "gulpfile.js" для настройки Gulp.  

• Установка плагинов для Gulp: автопрефиксер, сс бьюти фай, стол стрип сс коммент, гал при нейм, галп сас мпм, галп агли фай, галп пломбер, галп имиджмин.  

• Настройка плагинов для сжатия и оптимизации кода и изображений.  

• Ошибка с плагином галп имиджмин и откат на более старую версию.  

• Предупреждение о возможных ошибках и их решении.  

• Установка плагинов: галп имджмин, делл, по нине нтм, локальный сервер мпм.  

• Создание структуры проекта: папка галп сайт, папка срц, папка имиджс, папка фонс.  

• Создание констант для путей: диск паз, срц паз.  

• Прописывание путей к исходникам: аштимель, сс, джес, картинки, шрифты.  

• Настройка watch для обновления файлов в реальном времени.  

• Настройка cline для очистки папки диск.  

• Создание функции, которая перетаскивает файл из папки "срц" в папку "диск".  

• Прописывание пути к исходникам и создание функции "ретерн".  

• Использование пайпа для перетаскивания файлов из исходников в папку "диск".  

• Использование плагина "пламбер" для предотвращения ошибок.  

• Компиляция проекта с помощью "сас".  

• Использование плагинов "автопрефиксер", "си сс бьюти фай" и "переместить в папку диск".  

• Создание функции "фанкшн сс".  

• Использование плагинов "нано", "рему в комментс", "ренейм" и "переместить в папку билд все сс".  

• Прописывание дополнительных настроек для плагинов "сс нано" и "ренейм".  

• Создание файла стилей и его минификация с помощью плагинов.  

• Настройка тасков для работы с файлами JES и изображениями.  

• Использование плагинов для сборки файлов и их минификации.  

• Создание функции для очистки папки "диск" и ее проверка.  

• Настройка таска для автоматической очистки и сборки файлов.  

• Создание константы "билд" для автоматической сборки проекта.  

• Использование функции "сириус" для поочередного выполнения тасков.  

• Очистка папки диска для актуальных изменений.  

• Запуск всех пяти тасков (аштимель, сс, джес, имоджис, фонс) одновременно с помощью метода "параллель".  

• Создание таска для "очера" для отслеживания изменений.  

• Прописывание путей к таскам в функции "вотч файлс".  

• Настройка метода "инит" в браузере синг для перезагрузки локального сервера.  

• Прописывание настроек для перезагрузки папки "дист".  

• Прописывание специальной конструкции для каждого таска для перезагрузки в браузере синг.  

• Установка и настройка галп ноти фай для отлавливания ошибок.  

• Использование константы "ноти фай" для настройки ошибок.  

• Использование "ошибки хендлер" для отображения ошибок в консоли.  

• Создание папок "тпл" и "лейаут" в "срц".  

• Настройка плагина по нине в "гал.  

• файл".  

• Создание дефолтного шаблона и базовой структуры.  

• Подключение контента страниц через "бади".  

• Настройка заголовка и контента страницы.  

• Вынесение хэта в отдельный паршил.  

• Использование паршилов для редактирования отдельных частей проекта.  

• Пример использования паршилов для шапки сайта и футера.  

• Создание файла "дата" в "тпл" с форматом "джейсон".  

• Пример использования данных в формате "джейсон" в файле "индекс штимель".  

• Возможность подстановки данных на всех страницах проекта.