Question

我想在index.html页面中使用if和pug一起添加一个css文件。我有这个代码与帕格：

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

gulp没有错误，但它不起作用。

Answer 1

通常情况下，pug不会在模板内获得请求的副本，这取决于您从路由中传递请求。不过，添加路径非常容易：

res.render('index', { "path": req.path });

然后，您可以测试模板中的路径。

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

鉴于您只希望将此内容呈现在一页中，因此在该页面的res.render中放置一个布尔值甚至更容易。这还具有将数据/决策逻辑移回路径并使pug模板仅专注于显示逻辑（这是编写大型pug应用程序的非常重要的因素）的附加优势。

res.render('index', { "includeSlider": true });

然后模板可以如下所示：

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

如何在哈巴狗中加载有条件的css文件？

1 个答案: