javascript - 如何在本地环境中将助手与 Dust.js 一起使用？

Question

我正在使用 linkedIn 分支 (2.5.1) 中的dust-full.js 进行编程。我正在尝试使用条件助手，但我似乎无法让它工作。现在，我正在使用本地计算机(我目前无意包含服务器后端，但它可能是该项目的所在)。我目前在 Dropbox 公共(public)文件夹上测试我的代码。所有非帮助程序代码均有效。

有问题的代码:

    {?quote temp="4"}
        Once you have chosen the best answer{@if cond="{temp} > 1"}s{/if}, please select the "Submit" button.
    {:else}
        Choose the best answer{@if cond="{temp} > 1"}s{/if}, then select the "Submit" button.
    {/quote}

我之前添加了dust-full.js 发行版和助手，如下所示:

<script src="script/dust-full.js" type="text/javascript"></script>
<script src="script/dust-helpers.min.js" type="text/javascript"></script>

我在其他线程和dust.js上看到tutorial那个人需要“需要”帮助者。使用这样的代码:

var dust = require('dustjs-linkedin');
dust.helper = require('dustjs-helpers');

但是，当我包含此内容时，我收到控制台错误:“ReferenceError:require 未定义。”我认为这是因为“require”通常在 node.js 中使用/包含，但老实说我不知道​​。我不想包含node.js，因为我不知道它并且我对学习其他库不感兴趣。但是，我不知道如何评价助手。

我有四个问题:

1. 我提供的代码中是否存在任何明显的错误？
2. dust.js 帮助程序只能在使用服务器端脚本时使用吗？
3. (假设 2 的答案为“否”)助手只能与dust-full.js 和dust-helpers.js 一起使用吗？
4. (假设 3 的答案为“否”)如何仅使用客户端脚本来使用助手？

Answer 1

使用 require 加载助手适用于 Node.js 这样的服务器环境。您应该能够准确地执行加载帮助程序的操作 - 只需将它们包含在主dust 脚本之后，它们就会自动添加到 dust 对象中。

您所做的看起来是正确的，那么您是否可能使用了错误的dust-helpers Javascript 文件路径？

这是显示 {@gt} 帮助程序工作的代码片段。 ({@if} 帮助器已被弃用，因此当您使用它时，您会在控制台中收到警告 - 但 {@gt} 完全符合您的要求。 )

<div id="output"></div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/dustjs-linkedin/2.5.1/dust-full.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dustjs-helpers/1.5.0/dust-helpers.min.js"></script>
<script>
  var tmpl = dust.compile('Hello World! Choose the best answer{@gt key=temp value=1}s{/gt}', "test"),
      context = { "temp": 4 };
  dust.loadSource(tmpl);
  dust.render("test", context, function(err, out) {
    document.getElementById("output").textContent = out;
  });
</script>