如何在客户端而不是服务器端将我的 pug 文件呈现为 html

Question

我有一个现有的 HTML、CSS、JavaScript 和 JQuery 网页，没有服务器端，但目前我想使用 pug 从客户端呈现我的视图，而无需从服务器提供文件。

如果我要从服务器呈现我的视图，我知道该怎么做，但我主要关心的是从客户端进行。

我知道我必须使用pug-cli 来实现这一点。我已经浏览了 API 文档：https://pugjs.org/api/reference.html，但我似乎没有掌握它。 如果我能更好、更简单地解释该怎么做，我会很高兴。

Answer 1

1. 下载库并将其加载到带有<script> 标记的HTML 中。您可以使用 npm (npm install pug) 或从 https://github.com/pugjs/pug/releases 下载它。
2. 使用 render() 函数将 pug 代码转换为 HTML。