问题标签 [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.
assemble - 我可以使用 assemble 在页面上渲染所有部分及其内容吗?
我在以下目录结构中有一堆部分:
我希望能够遍历src/content/partials/patterns
目录中的所有部分并将它们的内容输出到页面上。我手动包括部分的那一刻,如下所示:
是否可以像使用页面集合一样动态地执行此操作?
编辑:
抱歉,我应该更详细地说明我想要实现的目标。这有点复杂...
这是我目前正在做的全部细节,但想以编程方式做:
这dropdown.info.title
是使用与数据部分相同的目录中的 .json 文件。
我基本上是从pattern-lab.info复制功能以引入一堆组件来创建一个“模式”库,但不想手动完成。
这是所需输出的示例。
我正在使用的代码在这里https://github.com/sheedy/ux-prototype(“开发”分支)。
angularjs - 使用 Angular JS 组装(静态站点生成器)
我想使用assemble、 yeoman 和 angularJS 创建一个站点。计划是 assemble 将处理内容,AngularJS 将通过 REST API 处理动态内容。两者兼容吗,这是架构的好选择吗?我关心的是 Assemble 使用的模板引擎 (HandleBars) 以及它是否与 AngularJS 兼容,因为它们似乎都使用 {{}}。我才刚刚开始调查,但正在努力寻找使用类似架构的人的例子。我如何使用 Yeoman 搭建脚手架?
html - Grunt / Assemble - 输出 html 缩小
我正在使用 Grunt 和 assemble 为静态站点构建我的 HTML 页面,并且我想缩小我的 HTML。
因此,我假设 Assemble 针对数据集运行车把模板的插件将具有缩小选项。
Assemble 文档中没有提到它; http://assemble.io/docs/Options.html#configuration-options
但是在handlebars-helper-minify docs中提到过; https://www.npmjs.org/package/handlebars-helper-minify#-assemble-task-options - 但这没有效果。
我在互联网上找不到其他任何东西,当然这是一个更常见的要求......
javascript - 在 Grunt.js 和 Assemble 中将目录从“src”删除到“dest”路径
我正在尝试从中获取源文件pages/*.hbs
并将它们放入目录的根build
目录。目前,他们最终在build/pages/*.html
.
这是我的任务配置。我尝试查看Grunt 的任务配置选项,但没有得到任何运气。
javascript - 在不同的 grunt 任务中使用特定数据
所以我的站点有两个不同的 grunt 任务,它们是由Assemble生成的。在我的整个站点中,基本 URL 是通过 {{site.url}} 指定的。当我生成生产站点时,这等于 pburtchaell.com。当我生成开发(本地)站点时,这等于 localhost:8000。
每当我在这两个任务之间切换时,我必须去更改这两个值所在的数据文件。有时我会忘记这样做并将文件上传到临时服务器只是意识到 {{site.url}} 是 localhost :8000。
有什么方法可以将我的 gruntfile 配置为在我运行时自动使用 pburtchaell.com 并在我运行时grunt build:production
使用 localhost:800 grunt build:development
?
gruntjs - 循环遍历 yeoman 中的子目录并进行组装
我是 Yeoman 和 Assemble 的新手,我正在尝试使用子目录构建导航结构。我可以通过以下方式遍历模板/页面目录中的主页:
当然,这不包括 pages 目录中的子目录。这就是我的 Gruntfile 的 assemble 任务的样子:
我想要的是最终得到一个嵌套列表,该列表将在子目录中公开页面。在循环中是否有任何直接的方法可以做到这一点,或者我是否需要考虑硬编码?
gruntjs - 使用 assemble 转义部分
我有一个部分,它是一个评论条目。我用它来呈现所有已知的评论,部分包含诸如此类的字段{{byUser}}
。
当用户发布新评论时,我想使用 Handlebars.js 模板,并使用相同的部分,但这次我不想assemble尝试将双括号转换为数据,而只是将部分输出为定义。
我试图将{{{}}}
部分存储起来,但它不起作用。
我不能将部分内容的三重存储,因为我将它用作旧评论的“正常”部分。
该怎么办?
node.js - 在 Assemble 插件中正确使用 grunt lib
我正在开发一个 Assemble (v0.4.x) 插件,需要使用 Grunt API 来完成一些任务。我注意到 Assemble 在传递给插件的参数中包含 Grunt。有什么特别的原因我应该使用这个 Grunt 而不是自己需要它吗?
我问是因为我也在构建用于测试插件的装置。如果我在模块中不需要 Grunt,那么我必须在运行测试之前将 grunt 添加到夹具中。
gruntjs - 如果没有匹配的文件,可以使组装目标静音吗?(不使用--force)
我有这个assemble grunt 目标:
如果没有匹配的内容,它会抱怨,说“警告:找不到源文件。使用 --force 继续”。然后任务中止。我不介意警告,但我希望选择配置任务以继续,而不必在命令行上使用“--force”。这可能吗?
附言。这个任务现在失败的原因是我已经将内容转换为markdown。我正在尝试构建一个允许用户以任意组合使用 markdown、hbs 或 html 的脚手架。
gruntjs - 组装 - 无法重用 {{>body}}:“找不到部分主体”
首先,如果这是一个愚蠢的问题,请原谅我。我是组装新手(上周开始使用它)和 StackOverflow。
我试图在布局上使用部分“主体”两次,如下所示:
我从标题中收到错误消息:The partial body could not be found
。
我的初衷实际上是使用它进行选择性降价渲染,例如:
但在那种情况下,当页面不是降价时,我会得到同样的错误。
这听起来像一个合法的问题吗?只是想帮忙,仅此而已。:-)
(顺便说一句,对于选择性降价问题,我刚刚实现了一个{{#markdown-if}}
帮助器来完成这项工作,所以我不需要帮助来使该逻辑正常工作。我只是想帮助组装,以防我发现这种行为听起来像是一个真正的问题。)