twig - Patternlab 树枝包括参数

Question

我正在使用带有 twig 作为模板引擎的patternlab的节点版本。我使用 twig 是因为我的代码库是用 twig 编写的——所以使用 mustache 不是一个选项。

我简单地尝试包含一个模式：

<button type="button" class="btn {{ buttonClass }}">{{ cta }}</button>

在另一种模式中：

{% include "base-button" with {'buttonClass': 'btn-primary btn-xs'} %}

这不起作用。包含模式但未设置变量buttonClass。

有任何想法吗？

Answer 1

这似乎是此 repo https://github.com/pattern-lab/patternengine-node-twig中的树枝集成的问题。

此处描述的树枝核心功能还有其他问题：https ://github.com/pattern-lab/patternlab-node/issues/554

我最终决定切换到 php/twig 版本，并且相同的 twig-patterns 正在按预期工作。如果有人必须使用节点版本，我建议使用 mustache。

Answer 2

我相信有计划将 Pattern Lab Node 中的 Twig 渲染传递给 PHP，但是，这还没有准备好，但是使用Patternlab/Node 的 Twig 引擎，您可以通过包含传递一个变量。它与普通树枝的工作方式不完全相同，但确实有效。

{% set buttonClass = 'btn-primary btn-xs' %}
{% include "components-button" with buttonClass %}

您还可以传递多个变量：

{% include "components-button" with buttonClass anotherVariable %}