Скачать или смотреть Моя сборка для верстки: Gulp + Webpack. Инструмент для ускорения работы верстальщика

В данном видео хочу продемонстрировать свою сборку для верстки сайтов. Данные сборки позволяют здорово экономить время за счет того, что выполняют за нас некоторые рутинные задачи. Например, компиляция препроцессорами pug и sass в html и css файлы соответственно, сборка иконок в спрайты, оптимизация изображений, автообновление страницы браузера и др.

Данную сборку вы можете скачать с моего Github репозитория - https://github.com/zaurmag/gulp-pack. Там же найдете инструкцию в текстовом формате. Я постарался описать как можно подробнее, начиная с возможностей и завершая установкой и работой.

Тайминги:
0:00 Вступление
03:15 Установка
06:08 Запуск и стартовый шаблон
07:18 Структура проекта
17:51 Автообновление страницы при изменении файлов
19:38 Компонентный подход
22:08 Автосоздание компонентов при помощи bem-tools-create
24:55 Сборка иконок в спрайты
30:38 Проверка js кода на наличие ошибок Eslint и автофикс
35:03 Конвертация изображений в webp формат
39:12 Минимизация файлов Html, Css и Js
41:38 Задача по удалению папки Dist
43:06 Автогенерация фавиконок
47:44 Создание ZIP-архива проекта
50:10 Копирование файлов по FTP
54:38 Заключение

Фоновая музыка:
––––––––––––––––––––––––––––––
First Light - Atch   / atch-music  
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: http://bit.ly/-first-light
Music promoted by Audio Library    • First Light – Atch (No Copyright Music)  
––––––––––––––––––––––––––––––
Over You - Atch   / atch-music  
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: http://bit.ly/_over-you
Music promoted by Audio Library    • Over You – Atch (No Copyright Music)  
––––––––––––––––––––––––––––––
Oceanside by Scandinavianz   / scandinavianz  
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: http://bit.ly/2ITZh2k
Music promoted by Audio Library    • Oceanside – Scandinavianz (No Copyright Mu...  
––––––––––––––––––––––––––––––
Song: Markvard - Desire (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.
Video Link:    • Markvard - Desire (Vlog No Copyright Music)