Шаблон для верстки. Используется SCSS, PostHTML и автоматическая генерация SVG спрайтов
Добавлен фикс долгой сборки HTML файлов при большом количестве страниц
Исправлена сборка SVG спрайта
Добавлен плагин для расстановки переносов.
Для расстановки правильных переносов используется плагин PostHTML Richtypo. Для блока в котором вы хотите отформатировать текст необходимо указать атрибут data-typo
:
<p data-typo>Тут текст</p>
Удалено ненужно сжатие фотографий, так как фотографии нужно пережимать ручками ребята.
Добавлено автоматическое формирование хеша для скриптов и стилей. Теперь при каждом билде, в HTML для стилей и скриптов будет добавляться строчка с уникальным хешом, что бы не сбрасывать его после выгрузки на сервер.
Пример строчек в HTML после билда:
<link rel="stylesheet" href="/css/libs.min.css?cbh=647f70d357ee3b35ab638851004ece17" />
<link rel="stylesheet" href="/css/app.css?cbh=ec6b4c551f9eda92d6527dd384cf7604" />
<script defer src="/js/libs.min.js?cbh=d2ba927715d3e290098f1c129b3c15f5"></script>
<script defer src="/js/app.js?cbh=7e2dd4466c34efb77db7bf4e9381aa0a"></script>
Для создания необходимо добавить файлы в папку src/svg
, после чего в папке dist/img
сгенерируется спрайт с именем sprite.svg
. В нём каждый SVG файл будет иметь айдишник равный названию самого файла.
После этого его можно использовать любым удобным способом:
<img src="/img/sprite.svg#shopping-cart">
<svg class="img">
<use xlink:href="/img/sprite.svg#shopping-cart "></use>
</svg>
Добавлена папка public для копирования разнообразных файлов в корень сборки при работе и при билде
Убрана сетка от Bootstrap, удалены ненужные файлы. добавлены брейкпоинты для адаптива и необходимые переменные.