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

Question

[Norum]

Правильно ли я понял, что при верстке на pug создается отдельный pug-файл для каждой страницы и уже потом с помощью webpack это все собирается в одно? Но я не пойму, как происходит переход на другую страницу при нажатии на ссылку? Например, есть меню ul, в котором 4 li: Главная О нас Контакты Вакансии и в ссылке на главную страницу прописан путь на определенный html файл Главная и как это делается в pug? Так же прописывается путь или нет? Может вопрос тупой, но как-то я запутался

Answer 1

[Николай Шабалин]

Создаёте 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>

Comments

[Norum]

я думал webpack или gulp это делает при сборке, по предварительной настройке