问题标签 [patternlab.io]

我正在使用 Drupal 8 安装模式实验室的作曲家。

我将最小的 starterkit 主题安装到 source/. 当我运行 php core/console --generate 时，我收到消息“您的样式指南不会呈现，因为我找不到您的样式指南文件。您确定它们位于 .\C:\xampp5.6.28\htdocs\sitename\patternlab\供应商/模式实验室/styleguidekit-twig-default”。

路径是正确的，但我不知道样式指南文件是什么？我知道听起来有点傻。请在这里帮助我，我只需要知道该文件夹中需要哪些文件。我真的花了很多时间在谷歌上搜索，但我就是想不通。

我想包含一个原子模式并希望从下面的 JSON 数组传递数据是代码和 JSON 文件。

锚链接。小胡子

页脚导航. 小胡子

JSON 从我想填充锚胡须的地方

输出

Pattern Lab 正在生成正确的 HTML 并创建锚点，但锚点中没有填充任何值。

提前致谢！！！！

带有 Pattern lab 和 Angular 2 的原子设计。

我们正在尝试在 Angular 2 项目中使用模式实验室（带有 Mustache 或 Twig）。

有人对此有任何想法吗？

我是模式实验室的新手。我已经安装了 Pattern Lab PHP Mustache 模板。

我可以编辑模式并查看输出的变化。但是，如果我编辑 css 文件，更改不会反映在输出中。我使用 php core/console --generate 来生成文件，但仍然无法在 css 上工作。

如何生成 CSS 以使更改反映在输出中？

谢谢。

我想使用 Patternlab 为 TYPO3 构建流体模板。我已经找到了 Fluid-Engine 的独立版本（虽然还没有尝试过）。

我的问题是，如何在 Patternlab 中实现 Fluid-Engine（例如，而不是 Mustache）？

我认为，我需要下载 Patternlab for PHP 和精简版，所以没有其他模板引擎已经存在？

PL 对 TYPO3 来说太棒了！

感谢您的任何建议！

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

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

在另一种模式中：

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

有任何想法吗？

我将使用这两个框架（我喜欢）启动一个新项目：

• 拉拉维尔 5
• Vue.js

前端开发人员准备 HTML 的原子设计，由 patternlab.io 生成。

现在我正在研究如何集成 patternlab.io 项目，而不必重写刀片模板中的所有元素。

我发现了一些使用Laravel 扩展结合 Patternlab 和 Laravel 的实现TwigBridge。Laratash

但我有一些想法：

• 在刀片模板中有：逻辑、条件、循环......如果我结合起来patternlab，laravel然后我需要把所有这些都放在 patternlab 项目中。
• 由于使用，vue.js我还需要将这些标签添加到patternlab模板中

所以我认为在 laravel 项目中集成 patternlab.io 模板并不是最好的选择。

我的想法是：

• Frontend DEV 使用 patternlab 创建模板
• Laravel 自动生成并导入在 patternlab 中生成的 CSS 样式表
• 后端开发人员在刀片模板中手动复制patternlab - molecules并添加自己的逻辑
• 如果前端开发人员对 CSS 进行了更改，那很好——我们将毫无问题地运行；在重新运行 laravel gulp 进程以更新 css 文件后，我们有了新的更新。
• 如果前端开发人员对 html 结构进行了一些更改，我们需要手动调整它们。

结合原子设计、Vuejs 和 Laravel 有没有更好的解决方案？您如何在 CMS 中部署原子设计？

我的团队正在试验Pattern Lab。我们在尝试组合“有机体”以形成实例化模板时遇到了问题。问题在于，虽然我们有分层的 JSON 数据，但我们无法针对具有不同数据的单个生物体，因为我们看不到将有关使用什么 JSON 的参数传递给生物体的方法。如下面的屏幕截图所示，我们可以使用 填充有机体的标题Pattern Parameters，但每个有机体内部的内容保持相同。

Pattern Lab 的文档指出“模式参数当前不支持（...）修改/替换目标模式中包含的模式中的变量”。

是否有任何其他方式来填充所述生物体？如果不是，如何在可视化完全填充的模板的同时使用 Pattern Lab 推荐的“原子”结构？

我正在使用 Patternlab、Handlebars 和 Gulp 作为原型设计工具。目前我有一个有机体正在尝试将数据传递给循环中的原子。我收到以下错误。

我的代码如下：

和 JSON：

我在其他问题中看到了一些例子，比如这里的循环是嵌套的，所以我不确定我的代码有什么不同/不正确。

使用车把可以以这种方式将刺痛从一个部分传递到另一个部分：

父模板

子模板

那个孩子的孩子

会导致

但是，我想在标签中有一个“父类”名称的占位符，以防另一个块（在此处使用原子设计）想要拉入该元素。如果可以始终使用 {{parentclass}} （而不是每次都必须提出不同的占位符名称），那将是完美的。但是，传递字符串的范围不会停留在第一个孩子，它会一直到最后。

所以

+

+

=

有没有办法将该变量的范围限制为仅传递给直接后代？