如何在pugjs模板中包含css文件

Question

我在我的项目中使用pugjs，我无法在pug模板中加载css文件。我使用以下代码

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')));