node.js - "Unexpected identifier"将扩展/ block 添加到 wintersmith-jade 内容文件时

Question

我正在使用 Wintersmith 和 wintersmith-stylus 制作一个静态网站和 wintersmith-jade插件。

我想在帮助页面中添加特定的 CSS 文件。帮助页面基于“布局”模板。当我尝试使用 block 将样式表插入 html 头部时，我收到以下错误:

Line ##: Unexpected identifier

layout.jade

doctype html
html
    head
        block head
        link(rel="stylesheet" href="/styles/layout.css")
    body

...

help.jade

---
template: layout.jade
---

//- Error inducing code
extends ./layout.jade

block head
    link(rel="stylesheet" type="text/css" href="../styles/help.css")
//- end of error inducing code

...

即使我将 extends 和 block head 行移动到包含 template: layout.jade 的元数据 block 之上，我仍然会收到同样的错误。在我的例子中，删除 extends ./layout.jade 导致错误行位置从 40 移动到 5。

我猜这个错误是由 wintersmith-jade 插件引起的，但即使是这样，我也不知道该如何修复它。

Answer 1

因为我想同时使用 Stylus 和 Jade(Jade 用于内容和模板)，所以我最终转到了 Harp . Harp 不仅“内置”了 Stylus 和 Jade，而且还比 Wintersmith 稍微简单一些。

这是一个很好的解决方法，但我想说它实际上同时也是一个升级。