USER-MASTER.ORG

Автоматизация работы с Gulp

Оцените материал
(1 Голосовать)

Дополнительно в процессе создания сайта происходит много часто повторяющихся действий, таких как обновление страниц для просмотра вносимых изменений. Всё это на деле утомительная и пустая трата времени. Представьте, что у вас есть система, которая делает всё это за вас. При изменении CSS-файла создаётся минимизированная версия и то же самое происходит с JavaScript-файлом. Посмотрите, что вы можете автоматически делать с помощью Gulp: минимизировать CSS и JavaScript; сжимать и оптимизировать изображения; компилировать файлы Sass, CoffeeScript, Jade и др.

  • Автоматизация работы с Gulp
    • Что такое система сборки?
  • Настройка системы сборки
    • Установка Node.js
    • Установка npm
    • Установка Gulp
  • Создание первой задачи
    • Объяснение того, что действительно случилось
    • Резюме
  • Слежение за файлами
    • Установка необходимых пакетов
    • Добавление задачи watch и автоматизация системы
  • Компиляция Sass-файла
    • Вывод уведомления
  • Живая перезагрузка
    • Живая перезагрузка с gulp-browserSync
    • Browser-sync и PHP-файлы
    • Запуск PHP-сервера по требованию с browserSync
    • Резюме
  • Рекомендуемые плагины
    • gulp-BrowserSync
    • Авто-загрузка с gulp-load-plugins
    • gulp-rename
    • Объединение с gulp-concat
    • gulp-plumber
    • gulp-unCSS
    • gulp-imagemin
    • gulp-rev
    • Critical CSS
    • Другие плагины
    • Настройки проекта
    • Файл .gitignore
    • Резюме
  • Адаптивный дизайн с Gulp
    • Susy
    • Breakpoint
    • Макет проекта
    • Настройка проекта
    • Код
    • Резюме

Дополнительная информация

  • Автор: Ахмед Салифу Амиду
  • Название книги: Автоматизация работы с Gulp
  • Количество страниц: 51
  • Формат файла: PDF
  • Размер файла: 1,15 Мб
  • Скачать: Гугл.Диск
Прочитано 28 раз

Добавить комментарий

Защитный код
Обновить

Поиск