Как включить файл CSS в шаблон pugjs

Question

Я использую pugjs для своего проекта. Мне не удалось загрузить файл css в шаблон pug. Я использую следующий код

index.pug

link(rel="stylesheet", href="views/styles/products.css", type="text/css")

Это моя структура проекта

Answer 1

Экспресс не собирается обслуживать то, на что вы не даете разрешения. Вы должны дать разрешение, используя промежуточное программное обеспечение express.static.

Поместите ваши статические файлы в папку, а затем используйте промежуточное программное обеспечение express.static, например:

app.use(express.static(path.join(__dirname, 'public')));

Для получения дополнительной информации обратитесь к https://expressjs.com/en/starter/static-files.html

Answer 2

Настройка моего каталога выглядит примерно так:

    .
├── app.js
├── bin
│   └── www
├── package.json
├── package-lock.json
├── public
│   ├── images
│   ├── css
│   │   └── style.css
├── routes
│   ├── index.js
│   └── users.js
└── views
    ├── error.pug
    ├── index.pug

И в index.pug мы должны использовать:

 html
      head
        title=homepage
        link(rel='stylesheet', href='/views/dashboard/dashboard.css')
      body

И в app.js добавьте эту строку кода:

app.use(express.static(path.join(__dirname, 'public')));