patternlab twig包含参数

Question

我正在使用带有树枝作为模板引擎的staterlab的节点版本。我正在使用树枝，因为我的代码库是用树枝写的 - 所以使用小胡子而不是一个选项。

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

<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/树枝版本，并且相同的树枝图案正常工作。如果有人必须使用节点版，我建议使用胡须。

Answer 2

我相信有计划将图案实验室节点中的树枝渲染传递给PHP，但是，这还没有准备好，但是使用twig Engine用于PatternLab/Node，您可以通过通过include的变量。它与普通树枝的工作完全相同，但确实可以。

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

您也可以传递多个变量：

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