2

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

4

1 回答 1

1

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

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

要回答有关模板的问题:

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"]
    }
  }
},
于 2013-05-06T09:29:36.747 回答