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

【问题标题】：Jade - calling page specific css pagesJade - 调用页面特定的 css 页面
【发布时间】：2011-12-04 19:45:52
【问题描述】：

我有想要自动调用的页面特定 css 文件。有没有人可以优雅地做到这一点？

【问题讨论】：

【解决方案1】：

应该这样做

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

您在渲染翡翠模板时将req（请求对象）作为局部变量传递（或者甚至只是将req.path 作为path 传递）。这可以在您的 layout.jade 中处理，并且适用于您的每条路线。

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

【讨论】：

谢谢，对于其他人，我把它放在我的动态助手中： path: function(req, res){ var path = req.route.path; if (path ==='/'){ return 'home'; } 返回路径； }