pug - jade runtime.js 的使用示例

Question

我一直在研究在浏览器上使用编译的 jade 模板。 Jade 自述说:

Through the use of Jade's ./runtime.js you may utilize these pre-compiled templates on the client-side without Jade itself, all you need is the associated utility functions (in runtime.js), which are then available as jade.attrs, jade.escape etc. To enable this you should pass { client: true } to jade.compile() to tell Jade to reference the helper functions via jade.attrs, jade.escape etc.

我找不到使用 runtime.js 方法的示例。我已经将模板编译为单独的 js 文件，但是我应该如何使用它们？我现在只有多个称为匿名的函数和一个 Jade 对象，我不知道如何使用。

Answer 1

如果要在客户端使用编译好的 Jade 模板函数，必须在页面中包含runtime.js。

runtime.js 提供了辅助函数，编译后的 jade 模板函数使用这些函数来渲染 html。它通过附加一个变量 jade 来实现这一点。到具有模板使用的几种方法的窗口(例如， jade.escape )。

例如:

<script src='runtime.js'> // from jade repository
<script src='template.js'> // compiled by jade cli
<script>$('body').append(anonymous({local:'value'))</script> // works!

这将成功地将呈现的 html 附加到正文。不过……

<script src='template.js'> // compiled by jade cli
<script>$('body').append(anonymous({local:'value'))</script> // fails...

这通常会失败 Uncaught ReferenceError: jade is not defined .

一般来说，除了 anonymous 之外，你应该重命名你的函数。 .