Question

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

Answer 1

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

有几个教程/ 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"]
    }
  }
},

如何模块化ember.js模板？

1 个答案: