问题标签 [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 回答
628 浏览

javascript - 在没有把手的情况下使用带有 Assemble 的 Grunt(使用 Consolidatejs/Swig)?

我正在尝试在我的Assemble中使用Consolidate.js(带有Swig渲染引擎),如. 它不起作用:Grunfile.jsoptions.engine

它给了我一个警告:

警告:对象函数 [..] 没有方法“init”。使用 --force 继续。

如果我删除initializeEngine我得到的选项:

警告:合并不支持渲染。使用 --force 继续。

如何将 Swig 与 Assemble 一起使用?我想替换默认引擎 Handlebars,因为我已经知道 Twig 引擎(它与 Swig 非常相似)。

0 投票
1 回答
1202 浏览

javascript - 如何使用 Assemble 从 JSON 文件生成多个页面

所以我正在为可复制的文章构建一个框架。

每篇文章将由“部分”的组合组成,这些“部分”基本上构成了一个 html 块和一些相关内容。例如,给定的文章可以按如下方式组成:

我想象每个部分都有一个部分模板,并且如上所述,这些部分将具有关联的数据,因此对于文本部分它可能只是副本(尽管它可能是降价文件?),对于图像部分它可能是 url 和 alt 标签等的集合。每篇文章还需要一个关联的 CSS 和 JS 文件来进行任何定制修改,以及它自己的图像存储库。

我需要在构建后最终得到的最终结构如下所示:

显然,只需复制和粘贴 HTML/CSS 文件、更改一些值并使用 grunt 构建它会相当简单,但我试图避免复制粘贴重复,似乎 assemble 可能是答案。

所以我的总体计划是使用 assemble 来撰写文章,目标是能够通过填充 .json 文件或类似文件来生成一篇新文章。

在我看来,它看起来像这样:

这个 .json 文件将规定各部分的顺序,并提供内容,希望消除对每篇文章单独的 .hbs 模板的需求。

在我的默认模板中,我基本上希望实现以下伪代码:

我正在努力解决的另一个问题是我想要拥有通用部分,例如 text.hbs、image.hbs author.hbs 等,但我需要能够在给定文章中包含多个实例,每个实例都有他们自己的数据。

我想最终这是一个抽象问题,无论是在多大程度上将模板和数据解耦,还是如何将数据绑定到模板的正确实例......如果这有意义的话。

如果有人有任何有用的建议,将不胜感激。感觉我正在尝试做的事情应该是可以实现的,但我不能仅仅通过研究示例来了解如何去做:|

0 投票
1 回答
81 浏览

javascript - 是否有任何助手允许忽略/不编译车把绑定?

我正在使用 assemble 和 grunt 来构建车把模板,但是我有一些我不想编译的区域,以便之后可以在浏览器中呈现它们。

是否有任何特殊的标签/助手可以做到这一点?

0 投票
1 回答
1059 浏览

node.js - 组装车把嵌套数学助手

我想知道是否有一种方法可以将两个[Assemble Math helpers] 1组合到一个操作中。

例如:

  • 我想做{{multiply 12 a}}然后
  • {{round}}对结果做

谢谢你的帮助。

0 投票
1 回答
256 浏览

javascript - 使用 RequireJS 的 amdefine 为基于 Web 的项目制作 Assemble 中的自定义助手

所以我有这个项目,我使用 Assemble ( http://assemble.io/docs/ ) 作为我的静态站点生成器,并且我制作了几个客户车把助手 ( http://assemble.io/docs/Custom- Helpers.html ) 在组装我的页面时使用。

这一切都很好,我在我的 grunt 任务中引用了帮助文件,运行“grunt serve”,瞧,我组装的车把文件现在正在使用我的新自定义帮助程序。

但是......在我的项目中,我还有一些不通过 Assemble 使用的车把模板文件。当我想更新我网站上的产品篮时,这些模板正在被预编译和使用,这些基于 Web 的模板也应该能够使用我的自定义助手。

我的车把助手的代码:

我将如何继续使用 RequireJS 的 amdefine 以便能够在我的基于 Web 的项目中使用这些帮助程序。

丹弟兄

0 投票
1 回答
639 浏览

json - 如何在 assemble.io 中使用 JSON 数据源?

assemble.io文档给出了一些使用简单 JSON 作为数据源的示例,例如:

但是,如果我想为我的数据使用更复杂的 JSON 结构(在单个页面上显示书籍列表)怎么办?怎么可能呢?

0 投票
2 回答
214 浏览

assemble - 如何在 assemble 中重用代码(html +车把)来显示分类列表?

我正在使用汇编

例如,如果我有这些数据:

如何根据属性值(A 或 B)呈现两个单独的名称列表?

这是所需的 html 输出:

目前,我的车把模板代码如下所示。但是,我想避免一次又一次地复制相同的代码。

0 投票
1 回答
294 浏览

assemble - 组装 - 如何生成缩略图?

Assemble 是否有可能从源文件生成缩略图 - 或者它是否超出了 assemble 的范围,如果是这样,有人可以建议替代路径吗?

0 投票
1 回答
148 浏览

generator - 使用 Assemble 定义新布局并将生成的文件与默认布局保持在同一目录中

您好,我创建应用程序,我现在需要定义新布局,我在 grunt 文件中使用此代码

现在我阅读了文档http://assemble.io/docs/Layouts.html并输入了这样的必要代码。

基本上,我声明新布局简单,并尝试强制生成的模板位于同一目录中,但结果是 - dist/src/templates/pages/simple/name_of_file.html 此代码在默认情况下有效,但在其他布局中无效。

有什么帮助吗?这是否可能我有解决方法,但会很高兴完成这些事情。

没关系,我找到了解决方案

0 投票
1 回答
927 浏览

json - 在组装中将内容传递给嵌套的部分

我正在使用assemble来制作新网站的原型。

我想非常彻底地模块化我的代码,就像 Brad Frost 正在用他的模式实验室传福音一样。

例子

基本上我想有一个标题部分(模式实验室说话中的“原子”),它在英雄部分(“分子”)中使用:

标题.hbs


英雄.hbs


英雄部分应该是通用的;我想从每个特定页面的 JSON 文件中传递数据。对于我的页面,我使用提供块的默认布局。例如:

默认.hbs


myPageWithHero.hbs


现在我想通过我拥有的 myPageWithHero.json 文件在英雄部分内部的标题部分中设置 {{text}} 。这有可能吗?或者我的方法(我在这个非常简单的例子中已经描述过)完全错了?

为任何指针干杯!:-)