问题标签 [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.
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 会抱怨,所以它正在阅读它)。
在我发疯之前,任何帮助都非常感谢....
谢谢,阿德里安
gruntjs - 使用 Assemble,使用一个模板文件从多个数据文件生成 HTML 文件?
我正在尝试使用 Assemble 使用一个模板从多个数据文件生成多个静态文件。
更详细地说,我有 12 个 JSON 文件表示烹饪食谱的数据,还有一个 Handlebars 文件 recipe.hbs,其布局文件为 default.hbs。
我想根据每个 JSON 文件输出一个 HTML 文件。
文件结构:
输出:
听起来这应该可以使用集合来实现,但我似乎无法理解如何设置 Grunt 文件。
谢谢。
assemble - 嵌套布局变量
有没有办法在其父布局中访问子布局中定义的 YFM 属性?
例如,给定一个子布局 page.hbs:
我想访问no_header
父布局 wrapper.hbs 中 page.hbs 中定义的 YFM 属性:
yaml - 带有 Assemble.io 前端的 DRY 部分
我想知道如何使用 Assemble 制作可重用的 html 部分。
我想做的只是简单地覆盖引用我想要的组件的新模板的前端。见下文:
下面是 my-list.hbs(参考 my-list.yml)
下面是horiz-list.hbs(参考horiz-list.yml)
Yml 文件只是诸如香蕉、苹果、橙子之类的东西的列表。
我认为这会奏效,但事实并非如此。
注意:到目前为止,我看到的关于可重用组件的唯一一件事是堆栈溢出,它谈到了使用把手扩展页面,但今天早上我找不到,当我读到它时,似乎没有就像一个直接的过程。
鉴于 assemble 具有一些非常好的功能,我们将不胜感激来自社区的任何帮助。
谢谢!
handlebars.js - 如何有条件地将 Handlebars 添加到 Assemble 布局中?
我正在使用Assemble和Handlebars来生成静态站点。我有几个页面使用相同的总体布局,但有几个例外情况{{> body}}
需要添加主页面之外的内容。
鉴于此通用页面结构:
以及需要在andindex.html
之间添加标记,最好的方法是什么?<!-- global scripts -->
</body>
如果我像这样在我的 Gruntfile 中包含一个部分:
此部分可用于assemble
任务中的所有其他后续项目,我当然不想要。如果这只是一个变量,我可以在 YML 前端或类似的东西中做到这一点,但它是 HTML 和内联 JS 的块,因此比我想放在前端的要多一点。我也无法通过 JS 加载此标记,因为它需要阻塞。
assemble - assemble.io 上的 URL 结构和 JSON 与多个 index.html 文件?
我无法让 Assemble 获得正确的 index.json 来更正 index.hbs 文件。使用此设置,只需最后一个 index.json 文件即可填充我的两个 index.hbs 文件。
Grunt 和 Assemble 是否可以使用这种 url 结构?
我有一个这样的文件夹结构:
和json数据结构一样
和 Gruntfile.js(组装部分)像这样:
handlebars.js - 通过数据组装部分循环
我正在使用 Assemble 生成一个新站点,并希望尽可能地模块化。其中一个组件将循环遍历数据列表并生成项目列表。
我的组件称为评级,如下所示:
在我的页面中,我有以下内容:
然后当我编译汇编文件时,出现以下错误
警告:无法读取未定义的属性“长度”使用 --force 继续。
但是当我在页面中包含数据和循环时,它可以正常工作,但不允许重复使用。
assemble - Assemble.io 从部分中转义 html 文件
我想包含部分模板作为转义的 HTML(在内部使用<pre><code>...<code><pre>
)。
我正在尝试一些帮助{{md}}
者{{embed}}
,但没有成功。
gruntjs - Grunt Assemble:多个分布
我们正在开发一个需要一些共享布局和一些自定义布局的组装项目。
最初,我们有一个默认页面的目的地。现在我们正在打破这一点,以便每个品牌/网站都有自己的分发文件夹。
我的问题是——在我们把事情搞砸之前,一切都组装好了。现在我们有多个发行版,事情变得有点混乱:)
当前设置:
模板
我们的组装任务:
所以问题就变成了——我们如何成功地组装成多个发行版?你能放置options
并指向它们各自的布局和包含吗?
当我运行 grunt assemble:brandname 时出现错误Warning: Layout file (forgot-password.hbs) not found
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