Задать вопрос
@uzi_no_uzi

Как подсвечивать активный пункт в верстке при сборке с gulp?

Есть многостраничная верстка, она собирается по частям, подключается шапка, футер и тд, нужно, чтобы активный пункт подсвечивался автоматически. Т.е есть какой-то класс который отвечает за активное состояние ссылки например .link-active, если собирается главная, то присвоить этот класс пункту меню определенному и так далее. Знаю, что это можно как-то сделать в gulp-file-include, но не знаю как.

Сам плагин: https://www.npmjs.com/package/gulp-file-include
  • Вопрос задан
  • 250 просмотров
Подписаться 3 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
src/_header.html
<nav>
  <ul>
    <li class="@@activeclassHome">Home</li>
    <li class="@@activeclassAbout">About</li>
  </ul>
</nav>

src/index.html
@@include('_header.html', {activeclassHome": "active", "activeclassAbout": ""})

src/about.html
@@include('_header.html', {activeclassHome": "", "activeclassAbout": "active"})
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы