node.js - 如何在nodejs中使用pug-bootstrap模块？

我在nodejs项目中安装了pug-bootstrap模块。我正在尝试从导航栏创建菜单。

我已经完成了这些文件：

layout.pug：

include /node_modules/pug-bootstrap/_bootstrap.pug

index.pug：

extends layout

block head
  +navbar("menu")
  +nav_item("#", undefined, true)
    string test

block body
  h1= title
  p Welcome to #{title}

_bootstrap.pug包含引导css文件：https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css。但是它没有加载到网页上。

有人知道为什么吗？以及如何解决？

任何帮助将不胜感激。

最佳答案

当使用block扩展模板的一部分时，您将替换之前该块中已经存在的任何代码。在这种情况下，我假设head包含对该CSS文件的引用，您正在对其进行覆盖。

一般来说，对于append部分，请使用block而不是head（请参见其文档中的this page）。这样，父模板的先前内容不会被覆盖。

在您的用例中，我怀疑您是否应该在该head块中放置任何内容，因为它是为元标记保留的，而不是为实际的可见内容保留的。换句话说：由于可见的文档对象属于body，而不是body，因此无论如何您都需要将那里的代码移到head。

关于node.js - 如何在nodejs中使用pug-bootstrap模块？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43269677/