我index.html
在根目录中,我已经在其中指定了应用程序模板。我有一个保存 .hbs 模板的模板目录。
Gruntfile 是这样的:
module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
emberTemplates: {
compile: {
options: {
amd: true,
templateBasePath: "templates/"
},
files: {
"templates/result.js": "templates/*.hbs"
}
}
}
});
grunt.loadNpmTasks('grunt-ember-templates');
// Default task(s).
grunt.registerTask('default', ['emberTemplates']);
};
我index.hbs
在模板目录中有一个文件,它只有一行:
<h1>HBS</h1>
当我运行 grunt 时,我得到这个result.js
define(["ember"], function(Ember){
Ember.TEMPLATES["index"] = Ember.Handlebars.template(function anonymous(Handlebars,depth0,helpers,partials,data) {
this.compilerInfo = [4,'>= 1.0.0'];
helpers = this.merge(helpers, Ember.Handlebars.helpers); data = data || {};
data.buffer.push("<h1>HBS</h1>\n");
});
});
我将result.js
文件包含在我的index.html
. 但是,我仍然没有看到渲染的重新模板内容。那么,我该如何让这个工作呢?