问题标签 [patternlab.io]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
231 浏览

javascript - 如何编写我自己的车把助手并在 patternlab-node 中使用它?

我在 Windows 上使用 Pattern Lab Node v2.12.0 和 Node v8.11.1,使用 Gulp 版本。

我很困惑如何实际编写自己的车把助手并在 patternlab-node 中使用它。我读到有 patternlab 插件,但这是加载车把助手的正确方法吗?

我希望有人能指出我正确的方向。我也没有在官方文档页面上找到任何关于插件或任何内容的信息。

提前致谢。

0 投票
1 回答
176 浏览

html - patternlab 树枝 drupal8 引导程序

我必须使用引导选项卡,然后我想动态生成选项卡链接和选项卡内容。但是每个内容都在一个有机体内部。因为在我的情况下,每个选项卡都变成了来自 Drupal 后端的段落包。不知道有没有办法。如何动态地包含生物体。我不只是没有找到解决这个问题的方法。当然我不能做 if 条件,因为我会有很多案例(标签链接和标签内容)。代码示例。

0 投票
0 回答
36 浏览

themes - 如何处理使用模式实验室构建的组件的主题?

我们使用 pattern-lab 来构建一些遵循原子设计原则的组件。我们现在需要为不同的网站设置这些组件的主题。字体,颜色会因每个站点而异。我想了解处理使用模式实验室构建的组件主题的最佳方法是什么?

正在寻找关于如何在模式实验室中组织与站点主题相关的特定样式的设计解决方案,或者是否有任何标准方法可以轻松实现在各种组件的主题之间切换的灵活性?

0 投票
1 回答
1013 浏览

php - 如何修复 - 502 错误网关

你好,我在这里完全一无所知,

我一直在 Mac 上的本地 PHP 环境中使用 Patternlab。我进行了 wifi 故障排除,我重新启动了计算机,从那时起我localhost:8080就显示了以下错误。

我正在使用 php 本地服务器,但我什至没有吃午饭就看到了错误。localhost:8080在浏览器中输入时显示错误。

(仅供参考,上周我的 PHP 内存缓存有问题,我需要更新文件的tomemory_limit = 128M这是否与问题相关?更改后 4 天它工作正常,所以这可能不是问题的原因,但我真的不知道怎么办!)memory_limit = 256M/etc/php.ini

Mac 信息:macOSMojave 10.14.5

0 投票
1 回答
100 浏览

twig - 无法访问全局数据或宏内的宏

我对 patternlab 很陌生,只是将我的基于 php 的项目迁移到节点版本上。我在访问全局数据和块文件时遇到问题,这是我以前没有的。

我在v3.0上使用 Pattern Lab 节点Mac,使用 Node v13.9.0,使用Gulp带有 Twig 的版本。

source/_data/data.json

source/macros/ui.twig

source/02-organisms/00-global/file-1.twig

source/macros/blocks.twig

预期行为

生成的 html 应如下所示:

实际行为

生成的 html 如下所示:

欢迎任何帮助!

0 投票
1 回答
311 浏览

twig - 安装 Pattern Lab 3 plus Twig 时出现问题

我在使用 Pattern Lab 3 plus Twig 时遇到了一些问题。

按照以下说明操作https://patternlab.io/docs/installation.html

  1. 我安装:npm create pattern-lab.

  2. 我选择Twig (PHP)作为模板语言。

  3. 我选择Twig (PHP) demo patterns (full demo website and patterns)作为初始模式

我确实看到了注释The PHP version of Pattern Lab is being deprecated in favor of a new unified Pattern Lab core. The PHP docs for this topic can be viewed here.。单击该链接只会将我带到 PL v.2 的 PHP 版本的安装页面。没有帮助。所以我按到https://patternlab.io/docs/generating-pattern-lab.html

接下来我应该跑了php core/console --watch。没有核心子目录。事情看起来并不乐观。

我删除了我的 PL 安装并使用车把模板重试。除了一个例外,一切都很好。例外:我想要树枝模板。

想法?

0 投票
1 回答
38 浏览

handlebars.js - 如何使用 Handlebars 隐藏 Patternlab 中变化的顺序索引?

我正在使用索引来订购模式。按照建议,我在模式索引之间放置了一些空格,以防我以后想重新排序。我正在命名文件,如https://patternlab.io/docs/reorganizing-patterns/中所示。

在此处输入图像描述

它确实有效。正如您在下一个屏幕截图中看到的那样,索引也显示在呈现的页面中。有没有办法隐藏它或者我做错了什么?是否有使用 Handlebars (.hbs) 文件的不同方法?

在此处输入图像描述

0 投票
0 回答
76 浏览

javascript - Patternlab:拒绝执行内联脚本,因为它违反了以下内容安全策略指令:“default-src 'none'”

我是唯一在运行 Patternlab 时遇到错误的前端人员,而其他开发人员似乎正常启动它,我收到下一条错误消息(跨浏览器)

在此处输入图像描述

无论我尝试什么,我似乎都无法修复它,设置新项目,设置 Patternlab 的新实例,删除并重新安装节点,等等。有人知道可能是什么问题以及如何解决吗?

我使用 Macbook Pro(如果我的操作系统或我机器的整体某些方面对此有任何影响,则为 Idk)

0 投票
1 回答
21 浏览

node.js - Patternlab Node Mustache - 在 Pattern Lab 上寻找渲染到页面的语法

我目前正在使用 Node Patternlab 和 Mustache - 要回答这个问题,您需要使用 Patternlab 的经验(是的,Pattern Lab 使用模板语言来构建利用它打算支持的原子设计原则的分层模式。)。

我已经构建了原子、分子,最后将我的分子构建成头部有机体,一切看起来都很好。但是,我现在想将标题有机体呈现到页面上。

是否需要在页面级别为有机体重新定义 JSON?将我的有机体呈现到页面的语法是什么?

这是 home.mustache 文件的内容,位于以下文件夹结构中:patterns > pages > home.mustache

除其他外,我已经尝试过:

这件事目前是我的基本 html 样板,即使没有 Mustache 语法,当我单击页面时也不会呈现。我会假设我至少会看到 h1 - 但什么也没有出现。

这是我的文件夹结构

模式 > 原子

模式 > 分子

模式 > 有机体

模式 > 页面 > home.mustache

patterns > pages > home.json(标题的 JSON 数据,需要吗?)

0 投票
0 回答
29 浏览

superfish - Drupal 9 Superfish 模块:我可以运行多个实例吗?

我想在我的站点中使用 Superfish 作为我的菜单,但遇到了障碍。最初,页面上的所有站点菜单(主导航、实用程序菜单等)在各自的目录中都有自己的文件。前任:

(注意我使用的是 PatternLab)

主要导航:

在 /templates --> menu--main-nav.html.twig 下

  • 此 twig 文件中调用的包含文件位于 ../main-nav/main-nav.twig 下的 PL 目录中

实用导航

在 /templates --> menu-utility.html.twig 下

  • 此 twig 文件中调用的包含文件位于 ../utility-nav/utility-nav.twig 下的 PL 目录中

Superfish 只创建一个 superfish.twig 和一个 superfish-menu-items.html.twig。我需要一种方法来区分不同的菜单,但不确定这是否可能。这可以通过更改树枝名称来完成吗?或者是否有另一种方法来创建 superfish 菜单的多个实例,然后我可以在需要时添加正确的 ID、类和其他 HTML? 

我进行了搜索,发现了一个关于在页面上运行多个 superfish 实例的问题,但我不确定这是否也可以通过 Drupal 和 superfish 模块完成。

谢谢。