ember.js 上的所有示例都显示了在单个大型 html 文件中以内联脚本标签的形式使用的模板。有什么方法可以将模板分离到自己的文件中,如果是这样,最好的做法是什么?
问问题
455 次
1 回答
1
假设我们在这里的重点是重构前端应用程序并为 javascript 环境(ember.js 及其依赖项)定义工作流,那么有各种工具可以让您做到这一点。我建议你看看Grunt和Yeoman
有几个教程 / 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 回答