问题标签 [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.
php - 在patternlab中更改css目录
我想style.css在模式实验室设置中更改文件的目录，我该如何以及在哪里执行此操作？我已经有一个完整的 booststrap sass 项目设置，我希望 patternlab 为这个项目使用当前文件。
php - 无法在 mustache 变量中转义 PHP 代码
我使用的是 PHP 版本的 mustache，还有 patternLab——我认为它也使用了 PHP 版本的 mustache。
示例 1：PHP 版本的 mustache 我也尝试过使用转义选项，但无济于事 使用三重 {{{}}} 也不起作用
这将呈现：
示例模式实验室：
JSON文件
小胡子文件
输出：
两次，代码都被注释掉了，并没有真正呈现。这不是我想要的；）
也许我以完全错误的方式处理这个问题，但我希望在我的 mustache 文件中包含 PHP，以便稍后在我的流程中使用代码，当我在 PHP 项目中需要这些 mustache 文件时。
html - 模式实验室：更改标题
标题目前是“模式实验室”，我似乎无法更改它。我尝试在“_00-head.mustache”和“_data.json”中更改它，但都不起作用。
php - 试图在 mustache.php 中调用局部变量
尝试使用 mustache.php 调用部分小胡子。我确定我搞砸了，因为文档似乎表明你可以做我想做的事情。
我收到此错误：
我正在使用 patternlab 来存放我所有的部分并将它们调用到 wordpress 模板中。不确定这是否重要。
mustache - 模式实验室模板
我对 Pattern Lab 很陌生，但我觉得如果这不是一个功能，它应该是。
本质上，我想在真实站点之后对 Pattern Labs 进行建模。在大多数（或许多）真实站点中，使用模板引擎是很常见的。这适用于我使用的任何主流技术（rails、django、ASP.Net 或带把手的节点）来管理视图层。我将在此示例中使用把手，因为它最接近于 Pattern Lab 的 mustache 语法。
模板引擎的强大功能之一是构建基本布局，其中可能包括<html>、<head>、<meta>、<body>、{{> header }}和{{> footer }}. 然后，您有动态内容块，例如{{{ body }}}or {{ title }}。
Pattern Lab 在使用、页面特定的 json 或参数处理动态{{ title }}变量方面做得非常好。_data.json但是，为了使正文的全部内容动态化，您必须在 json 文件中写入所有内容，或者通过模式参数传递它。但这会限制您的内容，因为您不能将其他部分作为参数传递或将它们存储在 json 中。
另一种选择可能是创建一堆伪模式，例如：
但是你必须嵌套你想使用的每个页面。
希望这会有所帮助并且是相关的。希望我只是错过了一些超级明目张胆的东西:)
node.js - 使用带有 PatternLab 的 grunt 找不到任务“sass”
当我在 PatternLab 中使用 grunt 时找不到 Sass。
我有 Mac El Capitan，我认为 Node 和 Sass 设置正确，尽管我仍然不确定它为什么找不到 Sass。
我尝试安装另一个版本的 Node 和 Sass，但仍然出现同样的错误。
有任何想法吗？
请参阅下面的 grunt 输出：
运行“shell:patternlabStyles-rpm”（shell）任务 npm WARN deprecated lodash@2.4.1: lodash@<3.0.0 不再维护。升级到 lodash@^3.0.0。
PatternLabStarter@2.4.0 安装后 /Users/my_user/Projects/my_app/src/global/pattern-lab 找到 node_modules/ -name "*.info" -type f -delete
grunt-scss-lint@0.3.4 node_modules/grunt-scss-lint └── lodash@2.4.1 使用 Rainbow 2.0.0 使用 sass 3.4.5 使用 bundler 1.11.2 使用 scss-lint 0.33.0 捆绑完成！1 个 Gemfile 依赖项，现在安装了 4 个 gem。用于bundle show [gemname]查看捆绑 gem 的安装位置。
正在加载“sass.js”任务...错误
>>错误：libsass在/Users/my_user/Projects/my_app/src/global/pattern-lab/node_modules/node-sass/vendor/darwin-x64-中找不到绑定46/绑定.节点
这通常是因为您的节点版本已更改。运行
npm rebuild node-sass以构建当前节点版本的绑定。警告：找不到任务“sass”。使用 --force 继续。
由于警告而中止。
PS：关于行：“错误：libsass在/Users/my_user/Projects/my_app/src/global/pattern-lab/node_modules/node-sass/vendor/darwin-x64-46/binding.node中找不到绑定” ，供应商文件夹不存在。
javascript - 重新加载脚本的 grunt-browser-sync 双重注入
我在 patterlab 项目（https://github.com/pattern-lab/patternlab-php）上使用 browsersync，patternlab 页面由 patterlab 控件的主体和带有样式指南内容的 iframe 划分。
发生的情况是 js 脚本在页面中被注入两次，在两个“正文”中。每次我更改css时，页面都会重新回到顶部，这很烦人。
我已经更新到 2.0.0 以使用https://www.browsersync.io/docs/options/#option-snippetOptions但我不是正则表达式专家，我什至不知道我是否正确这里的路径。
重新加载脚本只能在 iframe 内应用：
我似乎找不到解决方案非常感谢任何帮助非常感谢
node.js - 繁重的任务挂起并且没有响应
这是我第一次遇到这个问题。我总是使用几乎相同的 gruntfile 配置，但在某些时候，我的任务只是挂起。更准确地说，它们在由 触发时挂起grunt-contrib-watch。这是我的配置
和我的 sass 任务
当我编辑并保存.scss文件时，我遇到了这个问题：
但是如果我停止 grunt 并且只键入grunt sass编译成功。
我试过删除指南针，重新安装所有依赖项，将项目复制到别处，更新 grunt-contrib-sass ，更新 sass gem，更改文件权限，更新 nodejs 但似乎没有任何效果。我在 windows 上在 patternlab-php 项目中使用这个 gruntfile 配置。
相同的配置适用于其他几十个项目，但这里不适用。这不是给我这个问题的唯一任务，所有其他人都这样做。
mustache - 在渲染的伪图案内使用样式修饰符和图案参数
我正在使用模式实验室的节点版本，并且有一个包含以下代码的模式胡子文件：
我在 mustache 文件中将此模式称为部分模式，如下面的代码：
模式部分以 .mustache 模式呈现以下代码：
然而，在伪模式中，代码呈现如下：
Pattern Lab、Mustache 或 Pattern Lab 节点是否存在限制，不允许在渲染的伪图案中使用图案参数和样式修饰符？
patternlab.io - Pattern Lab 中的哪些内容应该提交到 master 分支？
我正在使用 Pattern Lab 开始我们的第一个项目，我不知道我应该为我的团队做些什么。Twig 构建附带一个 .gitignore 文件，该文件具有以下内容：
如果要共享并且要让多个开发人员做出贡献，似乎至少应该提交 source/* 。似乎还需要配置、包和供应商才能正确构建。我不确定出口是什么。
在公共场合，我很确定我可以忽略一切，因为它似乎从头开始构建得很好。我们可以在单个本地机器以及服务器上构建。
那么这更像是应该被忽略的吗？对于一个一起工作的团队？
我还缺少另一个工作流程吗？如果在某个地方有关于此的资源，我无法找到它，但我很乐意简单地指向那里。
也在 repo 中提出，但看不到最近的活动。如果有回复，会在这里更新。