问题标签 [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.
javascript - 在没有把手的情况下使用带有 Assemble 的 Grunt(使用 Consolidatejs/Swig)?
我正在尝试在我的Assemble中使用Consolidate.js(带有Swig渲染引擎),如. 它不起作用:Grunfile.js
options.engine
它给了我一个警告:
警告:对象函数 [..] 没有方法“init”。使用 --force 继续。
如果我删除initializeEngine
我得到的选项:
警告:合并不支持渲染。使用 --force 继续。
如何将 Swig 与 Assemble 一起使用?我想替换默认引擎 Handlebars,因为我已经知道 Twig 引擎(它与 Swig 非常相似)。
javascript - 如何使用 Assemble 从 JSON 文件生成多个页面
所以我正在为可复制的文章构建一个框架。
每篇文章将由“部分”的组合组成,这些“部分”基本上构成了一个 html 块和一些相关内容。例如,给定的文章可以按如下方式组成:
我想象每个部分都有一个部分模板,并且如上所述,这些部分将具有关联的数据,因此对于文本部分它可能只是副本(尽管它可能是降价文件?),对于图像部分它可能是 url 和 alt 标签等的集合。每篇文章还需要一个关联的 CSS 和 JS 文件来进行任何定制修改,以及它自己的图像存储库。
我需要在构建后最终得到的最终结构如下所示:
显然,只需复制和粘贴 HTML/CSS 文件、更改一些值并使用 grunt 构建它会相当简单,但我试图避免复制粘贴重复,似乎 assemble 可能是答案。
所以我的总体计划是使用 assemble 来撰写文章,目标是能够通过填充 .json 文件或类似文件来生成一篇新文章。
在我看来,它看起来像这样:
这个 .json 文件将规定各部分的顺序,并提供内容,希望消除对每篇文章单独的 .hbs 模板的需求。
在我的默认模板中,我基本上希望实现以下伪代码:
我正在努力解决的另一个问题是我想要拥有通用部分,例如 text.hbs、image.hbs author.hbs 等,但我需要能够在给定文章中包含多个实例,每个实例都有他们自己的数据。
我想最终这是一个抽象问题,无论是在多大程度上将模板和数据解耦,还是如何将数据绑定到模板的正确实例......如果这有意义的话。
如果有人有任何有用的建议,将不胜感激。感觉我正在尝试做的事情应该是可以实现的,但我不能仅仅通过研究示例来了解如何去做:|
javascript - 是否有任何助手允许忽略/不编译车把绑定?
我正在使用 assemble 和 grunt 来构建车把模板,但是我有一些我不想编译的区域,以便之后可以在浏览器中呈现它们。
是否有任何特殊的标签/助手可以做到这一点?
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 的项目中使用这些帮助程序。
丹弟兄
json - 如何在 assemble.io 中使用 JSON 数据源?
assemble.io文档给出了一些使用简单 JSON 作为数据源的示例,例如:
但是,如果我想为我的数据使用更复杂的 JSON 结构(在单个页面上显示书籍列表)怎么办?怎么可能呢?
assemble - 如何在 assemble 中重用代码(html +车把)来显示分类列表?
我正在使用汇编
例如,如果我有这些数据:
如何根据属性值(A 或 B)呈现两个单独的名称列表?
这是所需的 html 输出:
目前,我的车把模板代码如下所示。但是,我想避免一次又一次地复制相同的代码。
assemble - 组装 - 如何生成缩略图?
Assemble 是否有可能从源文件生成缩略图 - 或者它是否超出了 assemble 的范围,如果是这样,有人可以建议替代路径吗?
generator - 使用 Assemble 定义新布局并将生成的文件与默认布局保持在同一目录中
您好,我创建应用程序,我现在需要定义新布局,我在 grunt 文件中使用此代码
现在我阅读了文档http://assemble.io/docs/Layouts.html并输入了这样的必要代码。
基本上,我声明新布局简单,并尝试强制生成的模板位于同一目录中,但结果是 - dist/src/templates/pages/simple/name_of_file.html 此代码在默认情况下有效,但在其他布局中无效。
有什么帮助吗?这是否可能我有解决方法,但会很高兴完成这些事情。
没关系,我找到了解决方案
json - 在组装中将内容传递给嵌套的部分
我正在使用assemble来制作新网站的原型。
我想非常彻底地模块化我的代码,就像 Brad Frost 正在用他的模式实验室传福音一样。
例子
基本上我想有一个标题部分(模式实验室说话中的“原子”),它在英雄部分(“分子”)中使用:
标题.hbs
英雄.hbs
英雄部分应该是通用的;我想从每个特定页面的 JSON 文件中传递数据。对于我的页面,我使用提供块的默认布局。例如:
默认.hbs
myPageWithHero.hbs
现在我想通过我拥有的 myPageWithHero.json 文件在英雄部分内部的标题部分中设置 {{text}} 。这有可能吗?或者我的方法(我在这个非常简单的例子中已经描述过)完全错了?
为任何指针干杯!:-)