问题标签 [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 - 如何使用视图和布局生成带有 Grunt 的 HTML 页面?
我刚刚开始在我的项目中使用 Grunt。我的典型项目包括一个布局文件和几个视图文件。我想使用布局文件为每个视图文件生成一个 HTML 页面。
例如,这是一个布局文件:
和一个视图文件:
我希望得到的结果是:
基于快速谷歌搜索,有许多插件说它们可以生成 HTML,例如grunt-html-build
和grunt-generator
. 我仔细看了看grunt-html-build
,但它似乎不符合我的需要。那么我应该使用哪个 Grunt 插件才能获得我想要的结果?
javascript - 如何在目标目录路径中使用 YAML 前端?
我希望我的博客文章的路径使用花哨的日期格式,例如 /blog/2013/09/17,这样我的旧 octopress 博客的链接就不会损坏。
在每个降价页面的 YAML 前文中,我添加了日期。
所以在 Gruntfile.js 我想做这样的事情:
虽然找不到从 YFM 获取该日期属性的方法。这可能吗,这是实现我想要的正确方法吗?
yaml - Assemble.io - 是否可以在部分的 YAML 前端使用 lodash
虽然这样的东西在 assemble.io 页面中有效:
(即 {{woo}} 将“我的标题”输出到页面),如果我在部分内容中有相同的内容,则“woo”中没有任何内容。有谁知道这是设计使然,还是我做错了什么?
谢谢!
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 找到我需要的帮助......
handlebars.js - 如何在一个页面上呈现页面集合中的所有页面?
我试图弄清楚如何在单个页面上呈现页面集合中的所有页面。我希望我的所有帖子在生成的 中一个接index.html
一个,就像在博客的首页上一样。
文件结构为
下面的几乎是我正在寻找的。
我错过了什么?
sass - 在 Yeoman 上使用 Bootstrap 的车把模板引擎
我将 Yeoman 与 Bootstrap 生成器(更新为 SASS)一起使用。有什么方法可以合并 Handlebars 模板引擎来处理这些?我不想使用 Ember 或 Backbone。
handlebars.js - 在 Assemble 中包含多个内容块
我正在使用 Assemble 将 Web 应用程序从 ASP.NET MVC 迁移到静态页面。我已经能够弄清楚几乎所有事情,但是我遇到了将母版页转换为模板的问题。
在母版页中,我创建了多个内容区域,包括一个用于头部的 css 和脚本,以及一个用于内容的正文区域。我没有看到直接在车把中包含多个区域的方法,所以我尝试使用助手来包含文本。基本上将标题文本移动到包含的文件中。
我在帮助页面上找到了对{{glob}}和{{include}}的引用。但它们似乎没有实施。我查看了助手库,也找不到它们。
我尝试使用{{include filename}},但收到消息:“警告:缺少助手:'include' 使用 --force 继续。”
我尝试使用{{glob filename}}但我收到消息:“警告:未定义不是函数使用 --force 继续。”
我使用{{md filename}}和{{embed filename}}做了同样的事情,它们都可以工作,但不是我需要的。
如果有更好的方法可以做到这一点,或者您可以给我一个修复程序,我将不胜感激。
netbeans - 如何在 Netbeans 中获得对 Handlebars 模板的最佳支持?
需要的想法:*.hbs
为了获得 Handlebars 模板的最佳突出显示,在 Netbeans 中设置的最佳 mime 类型是什么?
handlebars.js - 组装:布局中的多个内容插入点?
所有使用布局的 assemble 用户都知道“{{> body }}”标记了使用该布局的任何页面的内容插入点。但是是否可以定义多个插入点,而不是将所有内容都扔到 {{> body }} 所在的位置?
例如,在我的页面中,我想定义一段特定的 javascript,但我希望该自定义 javascript 与 javascript 标签一起位于页面的最底部。如果它只将所有内容放在 {{> body }} 所在的位置,这是不可能的,因为脚本只会附加到内容中。
换句话说,有 {{> script }} 甚至可自定义的标签来标记不同的插入点会很有用,并且在使用布局的页面中,这些标签是专门定义的。
以上是我理想的用例,有人知道 assemble 是否支持这样的东西吗?
javascript - 汇编助手中的 TypeError
尽管没有在模板中使用过滤器助手,但 TypeError 会阻止组装完成。看起来options
参数没有被传递或被传递为undefined
.
这是堆栈跟踪:
如果我注释掉过滤器函数的主体,则 assemble 会正常运行。