Html 如何在pug中加载带有条件的css文件?

Html 如何在pug中加载带有条件的css文件?,html,pug,Html,Pug,我想在index.html页面中添加一个css文件,使用if with pug。我有帕格的密码: - var thepage = { page: './index.html' } if thepage.page link(rel="stylesheet", type="text/css", href="../css/slider.min.css") gulp没有错误,但不起作用。通常,pug不会在模板中获取请求的副本,这取决于您从路由中传

我想在index.html页面中添加一个css文件,使用if with pug。我有帕格的密码:

- var thepage = { page: './index.html' }
            if thepage.page
                link(rel="stylesheet", type="text/css", href="../css/slider.min.css")

gulp没有错误,但不起作用。

通常,pug不会在模板中获取请求的副本,这取决于您从路由中传递请求。不过,添加路径非常容易:

res.render('index', { "path": req.path });
然后可以在模板中测试路径

if path === '/'
  link(rel="stylesheet", type="text/css", href="../css/slider.min.css")
如果您只希望在一个页面中呈现此内容,那么在该页面的res.render中放置布尔值可能更容易。这还有一个额外的优势,即将数据/决策逻辑移回路线,并使帕格模板只关注显示逻辑(编写大型帕格应用程序的一个非常重要的因素)

然后,模板可以如下所示:

if includeSlider
  link(rel="stylesheet", type="text/css", href="../css/slider.min.css")

通常,帕格不会在模板中获得请求的副本,这取决于您从路由中传递请求。不过,添加路径非常容易:

res.render('index', { "path": req.path });
然后可以在模板中测试路径

if path === '/'
  link(rel="stylesheet", type="text/css", href="../css/slider.min.css")
如果您只希望在一个页面中呈现此内容,那么在该页面的res.render中放置布尔值可能更容易。这还有一个额外的优势,即将数据/决策逻辑移回路线,并使帕格模板只关注显示逻辑(编写大型帕格应用程序的一个非常重要的因素)

然后,模板可以如下所示:

if includeSlider
  link(rel="stylesheet", type="text/css", href="../css/slider.min.css")

找到解决办法了吗?找到解决办法了吗?