css - Jade - 调用页面特定的 css 页面

Question

我有页面特定的 css 文件，我想自动调用。有没有人有一个很好的方式来优雅地做到这一点？

Answer 1

应该这样做

link(rel="stylesheet", href="#{req.path + '.css'}", type="text/css")

在呈现 jade 模板时将 req(请求对象)作为局部变量传递(或者甚至只是将 req.path 作为 path 传递) )。这可以在您的 layout.jade 中处理，它适用于您的每个路由路径。

如果您想要花哨一些，您可以建立一个一致的模式，其中页面的路由一对一地映射到公共(public)目录中 .css 文件的文件系统路径。在这种情况下，您可以轻松地将样式表链接标记放在条件内，并且仅当您在磁盘上找到匹配的文件时才链接到 .css 文件。