有没有办法从 cdn 导入中使用 pug.render() 函数？

Question

我正在尝试从哈巴狗那里借用 pug.render() 功能，并尝试像这样 cdn 导入它

<script src='https://cdn.jsdelivr.net/npm/pug@3.0.2/lib'></script>

然后在同一页面上的另一个脚本中使用

function test() {
let textarea1 = document.querySelector('#pug')
let textarea2 = document.querySelector('#html')
textarea2.value = render(textarea1.value, {pretty: '  '}) 
}

然后单击按钮调用测试函数，如下所示： <button onclick='test()'></button>

文档没有说明任何内容，任何 google 搜索都是为了在 pug 中导入脚本。

Answer 1

所以我最终绊倒了这个解决方案。你必须做

<script src = 'https://pugjs.org/js/pug.js'></script>

然后在下面的脚本标签中做

const p = require('pug');
// what ever you want to do
p.render(args)

即使您无权访问 require，也需要执行此操作。如果您在没有 require 语句的情况下对 render() 进行操作，它将无法工作。

有没有办法从 cdn 导入中使用 pug.render() 函数？

Is there a way to use the pug.render() function from a cdn import?

javascript

html

pug