Загрузить внешний CSS после компиляции .pug в html

Question

У меня есть example.pug и example.css. В командной строке я использую pug example.pug, которая генерирует страницу example.html. Единственная проблема в том, что внешний стиль не связывается, когда я открываю страницу в браузере. Как мне это исправить?

Большинство вопросов, подобных этому, касаются Express, который я не использую.

Спасибо! Я добавлю каталог файлов ниже. -Directory |-Styles |-example.css |-Examples |-examples folder |-example.pug

Надеюсь, это имеет смысл. Я также переместил .css прямо в то же самое, что и мой .pug, вот так. -Directory |-example.pug |-example.css

Затем я ссылаюсь как link(href='./tailwater.css', rel='stylesheet', type='text/css') , и CSS все равно не загружается на страницу.

Answer 1

Это может быть связано с записью неверного пути к файлам CSS

Предположим, это ваша структура каталогов

-Directory
|- example.css
|- example.html(generated file)
|- example.pug

Тогда напишите ссылку как

link(rel="stylesheet", href="./example.css")

таким образом ваш example.html будет содержать

<link rel="style" href="./example.css">

Если каталог не имеет заданной структуры, отрегулируйте href соответственно