如何模块化ember.js模板?

时间:2013-05-06 08:41:58

标签: ember.js

ember.js上的所有示例都显示了在单个大型html文件中以内联脚本标记的形式使用的模板。 有没有办法将文件中的模板分开,如果有的话,围绕它的最佳实践是什么?

1 个答案:

答案 0 :(得分:1)

假设我们专注于重构前端应用程序并为javascript环境定义工作流程(ember.js及其依赖项),可以使用各种工具来实现。我建议你看看GruntYeoman

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

回答有关模板的问题:

Grunt有一个grunt-ember-templates插件,能够加载单个把手模板文件并将它们编译成一个JS(全部由grunt观察者处理)。

下面的配置允许您在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"]
    }
  }
},