有没有人在 RequireJS 和 Ember.js 上取得了很大的成功？看到 Ember 喜欢将其结构分配给一个全局对象，我发现它确实可以与 Requirejs 相提并论。像 LAB.js 这样的东西会更适合 Ember 吗？
【问题讨论】：
标签： javascript ember.js requirejs
Ember CLI 支持转译为 AMD 的 ES6 模块语法。似乎社区正在支持 Ember CLI 作为使用 Ember 的首选方式。
【讨论】：
Mimosa 有几个使用 Ember 和 Require.js 的优秀示例项目。这是一个结帐：https://github.com/dbashford/mimosa-ember-emblem-templates。 README 中有相关说明。
【讨论】：
我刚刚上传了一个用于 EmberJS+RequireJS 的入门工具包到 github，你可以查看它https://github.com/fernandogmar/Emberjs-RequireJS
我们将不胜感激任何好的建议。玩得开心！
【讨论】：
有一个更好的方法来包含一个把手文件，它可以有多个模板块。可以在一个包含中编译和使用。
例如：您有以下 Handlebars 模板文件：
../templates/sample.handlebars
<div><!-- just a filler html tag. Wont show up in your page -->
<script type="text/x-handlebars" data-template-name="template1">
Some Html or Template Content ...
</script>
<script type="text/x-handlebars" data-template-name="template2">
Some Html or Template Content ...
</script>
<script type="text/x-handlebars" data-template-name="template3">
Some Html or Template Content ...
</script>
</div>
../views/sampleView.js
define([
'jquery',
'lib/ember',
'plugins/text!../templates/sample.handlebars'],
function($, Em, myTemplateSource) {
// Bootstrap method accepts a context element under which all handlebars
// template blocks are defined. The filler <div> in this case.
// Compiles and assigns to the EM.TEMPLATES hash correctly.
Em.Handlebars.bootstrap($(myTemplateSource));
var myView = Em.View.create({
templateName: "template1";
});
return myView;
});
【讨论】：
编辑 (2012-01-30)：我在 bitbucket 上的 repo 中推送了一个更完整的示例。
我已成功使用 RequireJS 加载 Ember.js 以及 datetime 插件 (github)。 Ember 命名空间本身保持全局，但我的所有应用程序数据，包括我的 Ember.Application 实例，都通过 RequireJS 保存在模块中。我还使用“文本！”加载车把模板！插件。
我还没有遇到任何问题，但这不是一个完整的应用程序，更多的是概念证明。这是我如何使它工作的。我可以直接使用 Safari 加载我的应用程序，而无需服务器。你仍然需要一个服务器来使用 Chrome 加载它，它不允许 JavaScript 从文件系统加载文件。
1) 因为 Ember.js 使用 BPM/Spade，所以我无法使用 repo 的克隆。相反，我将编译后的版本包装在一个模块中：
lib/ember.js：
define(['jquery',
'plugins/order!lib/ember-0.9.3.js',
'plugins/order!lib/ember-datetime.js'],
function() {
return Ember;
});
请注意，这本身并不会将 Ember 隐藏在全局范围内。但我正在做一些设置，以便如果将来我能够隐藏它，那么依赖于该模块的所有其他模块仍将按原样工作。
2) 模块可以像这样引用 Ember：
app/core.js：
define(['lib/ember'], function(Em) {
MyApp = Em.Application.create({
VERSION: "0.0.1"
});
return MyApp;
});
在这里，“Em”可以被命名为其他名称；它不直接引用全局变量，而是来自lib/ember.js中定义的模块。
3) 为了让 Ember 可以访问，必须注册把手：
app/templates/my-template.handlebars：
MyApp v{{MyApp.VERSION}}.
app/views/my-view.js：
define(['lib/ember',
'plugins/text!app/templates/my-template.handlebars'],
function(Em, myTemplateSource) {
Em.TEMPLATES["my-template"] = Em.Handlebars.compile(myTemplateSource);
var myView = Em.View.create({
templateName: "my-template";
});
return myView;
});
4) 我正在使用 require-jquery.js（jQuery 和 RequireJS 捆绑在一起）。
【讨论】：