问题标签 [assemble]

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 回答
570 浏览

gruntjs - 将 json 数据放入 grunt 中的组装模板中

我正在通过 grunt 插件使用 assemble ( https://github.com/assemble/assemble ) 来构建静态页面。

我已经使用 grunt 一段时间了,所以了解它是如何工作的,但这是我第一次使用 assemble,所以我查看了这个以供参考(http://blog.parkji.co.uk/2013/07/06/使用 grunt-and-assemble.html 构建静态站点)。一切似乎都运行良好。

但是,我想在混合中引入 JSON 数据并查看了 assemble 站点(http://assemble.io/docs/Data.html)上的文档,但是在我运行“grunt assemble”之后它不会呈现 json 数据:(

我的 gruntfile

测试json:

和文件夹结构:

在 pages/index.hbs 我试图调用 {{ index.name }} 或只是 {{ name }} (我都尝试过)无济于事。

我把头发拉出来,因为 grunt 没有给出任何错误(事实上,如果我让 json 无效,grunt 会抱怨,所以它正在阅读它)。

在我发疯之前,任何帮助都非常感谢....

谢谢,阿德里安

0 投票
1 回答
1661 浏览

gruntjs - 使用 Assemble,使用一个模板文件从多个数据文件生成 HTML 文件?

我正在尝试使用 Assemble 使用一个模板从多个数据文件生成多个静态文件。

更详细地说,我有 12 个 JSON 文件表示烹饪食谱的数据,还有一个 Handlebars 文件 recipe.hbs,其布局文件为 default.hbs。

我想根据每个 JSON 文件输出一个 HTML 文件。

文件结构:

输出:

听起来这应该可以使用集合来实现,但我似乎无法理解如何设置 Grunt 文件。

谢谢。

0 投票
1 回答
184 浏览

assemble - 嵌套布局变量

有没有办法在其父布局中访问子布局中定义的 YFM 属性?

例如,给定一个子布局 page.hbs:

我想访问no_header父布局 wrapper.hbs 中 page.hbs 中定义的 YFM 属性:

0 投票
1 回答
347 浏览

yaml - 带有 Assemble.io 前端的 DRY 部分

我想知道如何使用 Assemble 制作可重用的 html 部分。

我想做的只是简单地覆盖引用我想要的组件的新模板的前端。见下文:

下面是 my-list.hbs(参考 my-list.yml)

下面是horiz-list.hbs(参考horiz-list.yml)

Yml 文件只是诸如香蕉、苹果、橙子之类的东西的列表。

我认为这会奏效,但事实并非如此。

注意:到目前为止,我看到的关于可重用组件的唯一一件事是堆栈溢出,它谈到了使用把手扩展页面,但今天早上我找不到,当我读到它时,似乎没有就像一个直接的过程。

鉴于 assemble 具有一些非常好的功能,我们将不胜感激来自社区的任何帮助。

谢谢!

0 投票
1 回答
556 浏览

handlebars.js - 如何有条件地将 Handlebars 添加到 Assemble 布局中?

我正在使用AssembleHandlebars来生成静态站点。我有几个页面使用相同的总体布局,但有几个例外情况{{> body}}需要添加主页面之外的内容。

鉴于此通用页面结构:

以及需要在andindex.html之间添加标记,最好的方法是什么?<!-- global scripts --></body>

如果我像这样在我的 Gruntfile 中包含一个部分:

此部分可用于assemble任务中的所有其他后续项目,我当然不想要。如果这只是一个变量,我可以在 YML 前端或类似的东西中做到这一点,但它是 HTML 和内联 JS 的块,因此比我想放在前端的要多一点。我也无法通过 JS 加载此标记,因为它需要阻塞。

0 投票
1 回答
252 浏览

assemble - assemble.io 上的 URL 结构和 JSON 与多个 index.html 文件?

我无法让 Assemble 获得正确的 index.json 来更正 index.hbs 文件。使用此设置,只需最后一个 index.json 文件即可填充我的两个 index.hbs 文件。

Grunt 和 Assemble 是否可以使用这种 url 结构?

我有一个这样的文件夹结构:

和json数据结构一样

和 Gruntfile.js(组装部分)像这样:

0 投票
1 回答
264 浏览

handlebars.js - 通过数据组装部分循环

我正在使用 Assemble 生成一个新站点,并希望尽可能地模块化。其中一个组件将循环遍历数据列表并生成项目列表。

我的组件称为评级,如下所示:

在我的页面中,我有以下内容:

然后当我编译汇编文件时,出现以下错误

警告:无法读取未定义的属性“长度”使用 --force 继续。

但是当我在页面中包含数据和循环时,它可以正常工作,但不允许重复使用。

0 投票
1 回答
306 浏览

assemble - Assemble.io 从部分中转义 html 文件

我想包含部分模板作为转义的 HTML(在内部使用<pre><code>...<code><pre>)。

我正在尝试一些帮助{{md}}{{embed}},但没有成功。

0 投票
2 回答
399 浏览

gruntjs - Grunt Assemble:多个分布

我们正在开发一个需要一些共享布局和一些自定义布局的组装项目。

最初,我们有一个默认页面的目的地。现在我们正在打破这一点,以便每个品牌/网站都有自己的分发文件夹。

我的问题是——在我们把事情搞砸之前,一切都组装好了。现在我们有多个发行版,事情变得有点混乱:)

当前设置:

模板

我们的组装任务:

所以问题就变成了——我们如何成功地组装成多个发行版?你能放置options并指向它们各自的布局和包含吗?

当我运行 grunt assemble:brandname 时出现错误Warning: Layout file (forgot-password.hbs) not found

0 投票
1 回答
1285 浏览

javascript - 注册组装车把助手

我正在尝试做一些从我看过的Assemble文档和其他 repos 中看起来相对简单的事情,但由于某种原因,我在注册 Handlebars 助手时遇到了问题。助手在 helpers > helper-classgrid.js

我的 gruntfile 其中 config.helpers = helpers:

模板代码:

现在,当我在我的 Handlerbars 模板中实现我的助手并运行包含 assemble 任务的 grunt 任务时,我得到了错误

我不确定我做错了什么,或者我是否必须为我的助手创建一个单独的 NPM 包,这似乎在 assemble 文档中建议。我查看了这两个似乎正在做我想做的事情的 repos

https://github.com/buildingblocks/bb-prototype-website/blob/master/Gruntfile.js https://github.com/ghost-town/layouts-example/blob/master/Gruntfile.js#L33