我正在进入 Backbone.js 为我的项目构建 javascript 代码，我喜欢 HAML 在后端（rails）上进行模板化，所以我想将它用于 Backbone Views 模板化。我知道 Javascript 有几个 HAML 端口，比如 https://github.com/creationix/haml-js 和主干轻松支持 JST 和 mustache。
改用haml模板的最佳方法是什么。
在客户端使用 HAML 有什么缺点吗？性能、额外的脚本加载时间（由 jammit 等资产打包工具负责）
【问题讨论】：
标签： javascript templates haml backbone.js
我知道你已经提到过它，但我建议将 haml-js 与 Jammit 一起使用。只需在您的 javascripts 和 assets.yml 中包含 haml.js 添加template_function: Haml 以及将您的模板文件包含到一个包中。例如
javascript_templates:
- app/views/**/*.jst.haml
然后在您的视图中，您可以包含此包 (= include_javascripts :javascript_templates)，Jammit 会将任何 .jst.haml 文件打包到 window.JST['file/path']。 （如果您查看页面源代码，您应该会看到一个类似 <script src="/assets/javascript_templates.jst" type="text/javascript"></script> 的 javascript 文件）
要使用这些模板，只需调用 Jammit 创建的其中一个 JST。即
$('div').html(JST['file/path']({ foo: 'Hello', bar: 'World' }));
并且Jammit会使用Haml-js模板函数函数来渲染模板。
注意：请务必在 Gemfile 中指向 Jammit 的 github 存储库，以获取支持 haml-js 工作所需的换行符的最新版本。
【讨论】：
$("#template_name").tmpl(data,helper)。您如何获得 jammit 打包的模板？
我要试一试haml-coffee。 （没有双关语）我对咖啡脚本的赞美还不够；再加上它现在是 Rails 3.1 中的默认设置。现在我可以将 coffeescript 嵌入到我最喜欢的模板语言中，并进行预编译。
哦，真高兴……现在开始工作了。
【讨论】：
我知道这在某种程度上会绕过这个问题，但我们开始吧:)
我的 Rails 应用程序使用 haml 来处理后端的所有视图。太棒了。由于某些原因（主要是 i18n），我不喜欢在客户端使用模板。我就是这样做的：
您只处理 html，而 jQuery 非常棒。对于一些不需要 i18n 的视图，我使用下划线模板，因为它已经存在了。
至于 haml 模板性能，似乎 mustache 和 handlebars 更快。
【讨论】：
我一直在开发 Rails 3/Backbone 应用程序，在评估了 hamlbars、haml_assets 和使用 haml-js 之后，我采取了不同的方法。
这些都是为问题提供解决方案的可靠宝石，每个都有一定的权衡取舍。例如，Haml-js 需要在客户端渲染模板（这没有什么问题，这只是一种权衡）。 Hamlbars 和 haml_assets 都插入到资产管道中，但是因为它们存在于请求对象之外，所以一些助手将无法工作。两者都为此做了一些调整，包括 url 帮助器和 ActionView 帮助器，但不要期望与在视图中编写 haml 具有相同的功能。
我的方法有点笨重（我计划将其放入引擎中），但它运行良好且易于复制。它会尽可能使用 haml_assets，但会退回到通过“显示”操作从“模板”控制器提供模板
这种方法的好处是，因为您的视图可以从控制器访问，您可以选择将它们呈现为 jst 模板（通过模板控制器）或通过其他控制器作为部分。这将允许您直接从 url 提供对 seo 友好的页面（如 /products/widgets/super-cool-widget），如果用户可以获得缓存的模板化 /templates/widgets/super-cool-widget。
【讨论】：
我无法在 Craig 的线程上内联回答（我猜我需要某种声誉来发布现有答案），但您不再需要获取 jammit 的分支来使用 haml-js - 提交进入了jammit的主要分支。详情见这里：https://github.com/documentcloud/jammit/commit/b52e429f99cac3cd1aa2bf3ab95f1bfaf478d50d
编辑：上一次 gem 发布是在 1 月，提交是在 3 月添加的，因此您需要设置 bundler 以针对 github 存储库运行或在本地构建它。如果您不使用 HEAD of jammit，您将无法正确解析模板，因为换行符已被剥离。
我需要做的就是：
1) 将以下内容添加到我的“assets.yml”文件中：
模板函数：“Haml”
2) 将我想要加载的 haml-js 源代码和模板添加到我的资产文件中： javascript: 核： - public/javascripts/vendor/haml.js 模板： - app/views/events/_form.haml.jst
3) 确保我在 application.html.erb 中同时加载了核心和模板
4) 通过 JST[filename]（即，在本例中为 JST['_form']）访问我的源文件中的模板。一个值得一提的问题—— jammit 会查看你所有的模板并将它们命名为公共路径，所以如果你有 app/views/foo/file.jst 和 app/views/bar/file.jst，你可以访问使用 JST['foo/file.jst'] 和 JST['bar/file.jst']。如果您有 app/views/foo/file1.jst 和 app/views/foo/file2.jst，它们将直接位于 JST['file1.jst'] 和 JST['file2.jst'] - 这是刚开始使用前几个模板时很容易忘记。
一切都很顺利。我不确定 Craig 为什么需要定义一个函数——我只是使用了 haml.js 提供的默认 Haml 函数，但也许我遗漏了一些东西。
【讨论】：
看起来https://github.com/netzpirat/haml_coffee_assets 可以满足您的需求。 （window.JST 模板，用 HAML 编写，支持内联 coffescript）
【讨论】：
查看中间人。它包括 haml、sass、coffee、slim 等。它像 rails 一样使用 gems，并具有许多其他很棒的功能。
他们甚至有一个自定义的骨干扩展， https://github.com/middleman/middleman-backbone
它还允许您将其构建为静态 html、css 和 js 以实现超快速加载。
【讨论】：
您可以尝试 Express with Jade（类似 Haml 的模板）。 Express 基于 Connect 构建，用于路由静态文件。 Jade 是我用 Node.js 尝试过的更快的模板引擎之一
【讨论】：