ember.js - 如何模块化 ember.js 模板？

Question

ember.js 上的所有示例都显示了在单个大型 html 文件中以内联脚本标签的形式使用的模板。有什么方法可以将模板分离到自己的文件中，如果是这样，最好的做法是什么？

Answer 1

假设我们在这里的重点是重构前端应用程序并为 javascript 环境（ember.js 及其依赖项）定义工作流，那么有各种工具可以让您做到这一点。我建议你看看Grunt和Yeoman

有几个教程 / github 项目可以帮助您入门。

• 使用 Yeoman 和 Moch 的现代 Ember.js 应用程序工作流程
• ember开发介绍

要回答有关模板的问题：

Grunt 有一个grunt-ember-templates插件，能够加载单个车把模板文件并将它们编译成单个 JS（全部由 grunt watcher 处理）。

下面的配置允许您在 app/templates 中拆分车把模板，而在运行时所有内容都将编译到 scripts/templates.js

ember_templates: {
  compile: {
    options: {
      templateName: function(sourceFile) {
        return sourceFile.replace(/app\/templates\//, '');
      }
    },
    files: {
      "<%= yeoman.app %>/scripts/templates.js": ["<%= yeoman.app %>/templates/**/*.handlebars"]
    }
  }
},