[LoftSchool] - Gulp.js

В данном уроке мы рассмотрим подключение и настройку gulp, а также работу с плагинами: concat, minify, rename, notify. Разберемся с watch и dest.

В данном уроке мы рассмотрим автоматическое добавление префиксов для любых версий браузеров при помощи плагина gulp-autoprefixer и быстрый запуск локального сервера в связке с livereload.

Заключительный урок по работе с таблицами стилей: разберемся с SASS препроцессором и плагином UNCSS. Последний вызывает особенный интерес: позволяет удалять неиспользуемые стили в автоматическом режиме. Как насчет того, чтобы заставить "похудеть" bootstrap в 20 раз?

При обычном подключении различных файлов, таких как стили, скрипты, изображения и т.д. они могут закэшироваться браузером/сервером и произведенные в них изменения останутся незамеченными и страничка сайта останется в браузере без изменений. В данном видео показана работа gulp-плагинов, для борьбы с подобным поведением путем добавления хэшей к названиям подключаемых файлов.

Структура и сборка веб приложения - часть 1. Рассматриваем корректную работу с bower.

Автоматическая сборка проекта в папку dist и отправка файлов на продакшен. Посмотрим, как работает gulp-useref, gulp-sftp, gulp -clean, gulp-if. Пожалуй, самое приятное в данном стеке - это отсутствие необходимости вручную переписывать путь к файлам CSS и JS, чем грешат многие юные фронтенд оптимизаторы.