有没有办法使用 Handlebars.js 使用 jQuery 注入模板？

Question

我正在使用 Big Commerce/Stencil CLI，我在一个 javascript 文件中，试图通过他们的 class 来定位元素并将车把模板注入到它的 HTML 中。 此代码似乎在我的一个 theme-bundle.chunk 文件中引发“错误：模块构建失败”。

我的代码：

if (el.getAttribute('data-swatch-0') !== null) {
        $(".category-swatch-container").innerHTML({{{ > components/ud-custom/ud-category-swatches}}});
      }

Answer 1

您可以根据您要完成的工作而定。 最基本的车把采用模板字符串和参数，然后生成 output 字符串。 jQuery html方法可以接受一串有效的html并插入。

这里的问题是您似乎正在尝试在后端进行此替换。 您可以完成这项工作，但这是一个不寻常的配置，可能需要显式添加。 您需要告诉您的后端处理对 js 文件的请求，以将该文件作为车把模板执行。 根据您的后端框架，这可能就像添加配置选项一样简单，或者您可能需要添加生成 js 文件的显式路由。

如果您想在客户端执行此操作，您需要确保已将把手添加为客户端依赖项。 然后你只需要使模板在客户端可用。 然后，您可以直接调用车把库以生成可以馈送到 $.html 的字符串