问题标签 [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 投票
2 回答
1210 浏览

javascript - 如何使用视图和布局生成带有 Grunt 的 HTML 页面?

我刚刚开始在我的项目中使用 Grunt。我的典型项目包括一个布局文件和几个视图文件。我想使用布局文件为每个视图文件生成一个 HTML 页面。

例如,这是一个布局文件:

和一个视图文件:

我希望得到的结果是:

基于快速谷歌搜索,有许多插件说它们可以生成 HTML,例如grunt-html-buildgrunt-generator. 我仔细看了看grunt-html-build,但它似乎不符合我的需要。那么我应该使用哪个 Grunt 插件才能获得我想要的结果?

0 投票
1 回答
303 浏览

javascript - 如何在目标目录路径中使用 YAML 前端?

我希望我的博客文章的路径使用花哨的日期格式,例如 /blog/2013/09/17,这样我的旧 octopress 博客的链接就不会损坏。

在每个降价页面的 YAML 前文中,我添加了日期。

所以在 Gruntfile.js 我想做这样的事情:

虽然找不到从 YFM 获取该日期属性的方法。这可能吗,这是实现我想要的正确方法吗?

0 投票
1 回答
707 浏览

yaml - Assemble.io - 是否可以在部分的 YAML 前端使用 lodash

虽然这样的东西在 assemble.io 页面中有效:

(即 {{woo}} 将“我的标题”输出到页面),如果我在部分内容中有相同的内容,则“woo”中没有任何内容。有谁知道这是设计使然,还是我做错了什么?

谢谢!

0 投票
9 回答
18205 浏览

gruntjs - 我应该如何配置 grunt-usemin 以使用相对路径

我有一个基于 yeoman-generator 支持的 grunt 项目generator-webapp,如果它有任何帮助,你可以在GitHub 上找到它

grunt 项目使我们完成了grunt-usemin任务。

我的项目涉及建立一个多语言网站,为了保持整洁,我决定将所有以某种语言编写的页面放在该语言的 2 个字母短代码之后的文件夹名称中。

这些文件由车把模板制作并使用assemble. 在布局中,我有构建块,usemin例如

在一个完美的世界中,这将转化为

而是显示

在我的情况下,这不太理想。的相关部分Gruntfile.js看起来像这样

我试图通过将其设置为以及将构建块更改为来使用该basedir选项<%= yeoman.dist %>

但不幸的是无法获得正确的输出。

更具体地说,第一个没有改变任何东西,第二个有文件夹scripts并且styles在层次结构中输出了一个太高的级别

代替

有人会碰巧知道该怎么做吗?这似乎是一个相当简单的用例,但我无法通过 Google、GitHub 或 SO 找到我需要的帮助......

0 投票
1 回答
1279 浏览

handlebars.js - 如何在一个页面上呈现页面集合中的所有页面?

我试图弄清楚如何在单个页面上呈现页面集合中的所有页面。我希望我的所有帖子在生成的 中一个接index.html一个,就像在博客的首页上一样。

文件结构为

下面的几乎是我正在寻找的。

我错过了什么?

0 投票
1 回答
1909 浏览

sass - 在 Yeoman 上使用 Bootstrap 的车把模板引擎

我将 Yeoman 与 Bootstrap 生成器(更新为 SASS)一起使用。有什么方法可以合并 Handlebars 模板引擎来处理这些?我不想使用 Ember 或 Backbone。

0 投票
1 回答
1302 浏览

handlebars.js - 在 Assemble 中包含多个内容块

我正在使用 Assemble 将 Web 应用程序从 ASP.NET MVC 迁移到静态页面。我已经能够弄清楚几乎所有事情,但是我遇到了将母版页转换为模板的问题。

在母版页中,我创建了多个内容区域,包括一个用于头部的 css 和脚本,以及一个用于内容的正文区域。我没有看到直接在车把中包含多个区域的方法,所以我尝试使用助手来包含文本。基本上将标题文本移动到包含的文件中。

我在帮助页面上找到了对{{glob}}{{include}}的引用。但它们似乎没有实施。我查看了助手库,也找不到它们。

我尝试使用{{include filename}},但收到消息:“警告:缺少助手:'include' 使用 --force 继续。”

我尝试使用{{glob filename}}但我收到消息:“警告:未定义不是函数使用 --force 继续。”

我使用{{md filename}}{{embed filename}}做了同样的事情,它们都可以工作,但不是我需要的。

如果有更好的方法可以做到这一点,或者您可以给我一个修复程序,我将不胜感激。

0 投票
1 回答
2377 浏览

netbeans - 如何在 Netbeans 中获得对 Handlebars 模板的最佳支持?

需要的想法:*.hbs为了获得 Handlebars 模板的最佳突出显示,在 Netbeans 中设置的最佳 mime 类型是什么?

0 投票
1 回答
2679 浏览

handlebars.js - 组装:布局中的多个内容插入点?

所有使用布局的 assemble 用户都知道“{{> body }}”标记了使用该布局的任何页面的内容插入点。但是是否可以定义多个插入点,而不是将所有内容都扔到 {{> body }} 所在的位置?

例如,在我的页面中,我想定义一段特定的 javascript,但我希望该自定义 javascript 与 javascript 标签一起位于页面的最底部。如果它只将所有内容放在 {{> body }} 所在的位置,这是不可能的,因为脚本只会附加到内容中。

换句话说,有 {{> script }} 甚至可自定义的标签来标记不同的插入点会很有用,并且在使用布局的页面中,这些标签是专门定义的。

以上是我理想的用例,有人知道 assemble 是否支持这样的东西吗?

0 投票
1 回答
129 浏览

javascript - 汇编助手中的 TypeError

尽管没有在模板中使用过滤器助手,但 TypeError 会阻止组装完成。看起来options参数没有被传递或被传递为undefined.

这是堆栈跟踪:

如果我注释掉过滤器函数的主体,则 assemble 会正常运行。