Описание сборки

Pug, scss, webpack.

Оглавление страницы:

Введение 

Цель данной сборки, обеспечить комфортную работу с минимальной начальной настройкой проекта.

Основа сборки 

Сборка содержит шаблонизатор Pug, препроцессор SCSS, сборщик модулей Webpack.

Особенности сборки 

Оптимизация под Page Speed

  • Отложенная загрузка
  • Критические стили

Базовая SEO оптимизация

  • Open Graph / Twitter Cards
  • JSON-LD микроразметка
  • Google Analytics / Yandex Metrika

Pug шаблонизатор

  • Улучшенный фильтр markdown-it
  • Возможность добавлять свои фильтры на примере фильтра special-chars
  • Работа с json данными

SCSS препроцессор

Webpack сборщик

  • Возможность использовать новый формат JS по максимуму
  • Оптимизация кода через Babel

SVG спрайты

  • Цветные
  • Черно-белые

Оптимизированные изображения

  • Генерация webp и avif форматов

Настроенные линтеры

  • Stylelint
  • Pug-lint
  • ES-Lint
  • Prettier
  • Editorconfig

Автоматическая генерация favicons