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

发布于 2024-12-09 03:25:48 字数 46 浏览 1 评论 0原文

我有页面特定的 css 文件,我想自动调用。有人有优雅地做到这一点的好方法吗?

I have page specific css files I would like to call automatically. Does anyone have a nice way of doing this elegantly?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

失而复得 2024-12-16 03:25:49

这应该可以做到,

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

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

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

This should do it

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

Where you pass either req (the request object) as a local variable when rendering the jade template (or even just pass in req.path as path). This could just be handled in your layout.jade and it will work for each of your route paths.

If you want to get fancy, you could establish a consistent pattern where a page's route maps 1 to 1 to a filesystem path for a .css file in your public directory. In that case you could easily but the stylesheet link tag inside a conditional and only link to the .css file if you find a matching one on disk.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文