Patternlab树枝包括params

Question

我使用节点版本的patternlab和twig作为模板引擎。我正在使用twig因为我的代码库是用树枝编写的 - 所以使用胡子它不是一个选项。

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

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

以另一种模式：

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

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

任何想法？

Answer 1

这似乎是此回购https://github.com/pattern-lab/patternengine-node-twig中的树枝整合的问题。

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

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

Answer 2

我相信已经计划将Pattern Lab Node中的Twig渲染传递给PHP，但是还没有准备好，但是您可以使用The Twig engine for Patternlab/Node通过include传递变量。它的功能与普通的树枝完全不同，但确实可以。

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

您还可以传递多个变量：

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