1

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. 但是,我仍然没有看到渲染的重新模板内容。那么,我该如何让这个工作呢?

4

0 回答 0