Pug 找不到已安装的Highlight.js JSTransformer 过滤器

Question

文档说我只需通过

npm

安装过滤器即可使用它们。

如果您希望能够在 Pug 模板中使用过滤器，您首先要确保安装了这些功能：
$ npm install --save jstransformer-filter
现在，您应该能够渲染以下模板：
:markdown-it(linkify)
  # Markdown

我用

highlight.js

尝试过这个：

$ npm install --save jstransformer-highlight2

但是当我编译pug文件时：

:highlight.js(lang='c')
  int f(int x) {
      return x + 1;
  }

我收到未知的过滤器错误：

unknown filter ":highlight"

我检查了过滤器源代码并确认过滤器的名称是

highlight.js

。我也尝试了

highlight

、

highlightjs

和

highlight-js

，但没有成功。

我该如何进行这项工作？

我必须向 pug 编译器传递一个选项吗？ API 文档表示它仅适用于自定义过滤器。

Answer 1

如果您使用 Webpack 编译 Pug 模板，请尝试使用现代的 webdiscus/pug-loader 或 pug-plugin。

此加载程序和插件支持“开箱即用”的 :highlight 和 :markdown 过滤器。

您可以查看带有示例的演示站点：