@Norum

Как настроить переход на другие страницы в PUG?

Правильно ли я понял, что при верстке на pug создается отдельный pug-файл для каждой страницы и уже потом с помощью webpack это все собирается в одно? Но я не пойму, как происходит переход на другую страницу при нажатии на ссылку? Например, есть меню ul, в котором 4 li: Главная О нас Контакты Вакансии и в ссылке на главную страницу прописан путь на определенный html файл Главная и как это делается в pug? Так же прописывается путь или нет? Может вопрос тупой, но как-то я запутался
  • Вопрос задан
  • 379 просмотров
Решения вопроса 1
nikolayshabalin
@nikolayshabalin
Автор профессиональных курсов в HTML Academy
Создаёте PUG-файлы страниц, как с HTML:
1. index.pug
2. about.pug
2. catalog.pug

В сборке(dev и prod) это будут HTML-страницы
1. index.html
2. about.html
3. catalog.html

Так как в браузере никакого PUG нет, сборка делает HTML-страницы, то в браузере вы смотрите на HTML-страницы. В связи с этим вам нужно указывать ссылки на эти страницы:

<ul>
  <li><a href="index.html">Главная</a></li>
  <li><a href="about.html">О нас</a></li>
  <li><a href="catalog.html">Каталог</a></li>
</ul>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы