Precompiling ejs templates

* will fix the issue #1
* All ejs files in app/scripts/templates directory will be precompile to scripts/templates.js
* Uses grunt-contrib-jst

app/index.js

@@ -98,6 +98,10 @@ Generator.prototype.mainStylesheet = function mainStylesheet() {
   }
 };
 
+Generator.prototype.jstTemplates = function jstTemplates() {
+  this.copy('templates.js', 'app/scripts/templates.js');
+};
+
 Generator.prototype.writeIndex = function writeIndex() {
   // prepare default content text
   var defaults = ['HTML5 Boilerplate', 'jQuery', 'Backbone.js', 'Underscore.js', 'Mocha'];
@@ -138,7 +142,8 @@ Generator.prototype.writeIndex = function writeIndex() {
   }
 
   this.indexFile = this.appendScripts(this.indexFile, 'scripts/main.js', [
-    'scripts/main.js'
+    'scripts/main.js',
+    'scripts/templates.js'
   ]);
 
   // iterate over defaults and create content string

app/templates/Gruntfile.js

@@ -230,6 +230,13 @@ module.exports = function (grunt) {
       all: {
         rjsConfig: '<%%= yeoman.app %>/scripts/main.js'
       }
+    },
+    jst: {
+      compile: {
+        files: {
+          '.tmp/scripts/templates.js': ['<%%= yeoman.app %>/scripts/templates/*.ejs']
+        }
+      }
     }
   });
 
@@ -243,6 +250,7 @@ module.exports = function (grunt) {
     grunt.task.run([
       'clean:server',
       'coffee:dist',
+      'jst',
       'compass:server',
       'livereload-start',
       'connect:livereload',
@@ -254,6 +262,7 @@ module.exports = function (grunt) {
   grunt.registerTask('test', [
     'clean:server',
     'coffee',
+    'jst',
     'compass',
     'connect:test',
     'mocha'
@@ -262,6 +271,7 @@ module.exports = function (grunt) {
   grunt.registerTask('build', [
     'clean:dist',
     'coffee',
+    'jst',
     'compass:dist',
     'useminPrepare',
     'imagemin',

app/templates/package.json

@@ -7,6 +7,7 @@
     "grunt-contrib-copy": "~0.4.0",
     "grunt-contrib-concat": "~0.1.2",
     "grunt-contrib-coffee": "~0.4.0",
+    "grunt-contrib-jst": "~0.5.0",
     "grunt-contrib-uglify": "~0.1.1",
     "grunt-contrib-compass": "~0.1.2",
     "grunt-contrib-jshint": "~0.1.1",

app/templates/templates.js

@@ -0,0 +1 @@
+this["JST"] = this["JST"] || {};

templates/view.js

@@ -1,5 +1,5 @@
 <%= _.camelize(appname) %>.Views.<%= _.classify(name) %>View = Backbone.View.extend({
 
-  //template: <%= _.underscored(name) %>
+  template: JST['<%= jst_path %>']
 
 });

test/test-foo.js

@@ -74,7 +74,8 @@ describe('Backbone generator test', function() {
       '.jshintrc',
       '.editorconfig',
       'Gruntfile.js',
-      'package.json'
+      'package.json',
+      'app/scripts/templates.js'
     ];
 
     helpers.mockPrompt(this.backbone.app, {
@@ -127,4 +128,17 @@ describe('Backbone generator test', function() {
       done();
     });
   });
+
+  describe('Backbone View', function() {
+    it('creates backbone view', function(done){
+      var view = helpers.createGenerator('backbone:view',['../../view'], ['foo']);
+      view.run([], function(){
+        helpers.assertFiles([
+          ['app/scripts/views/foo-view.js', /Views.FooView = Backbone.View.extend\(\{(.|\n)*app\/scripts\/templates\/foo.ejs/],
+          'app/scripts/templates/foo.ejs'
+        ]);
+      });
+      done();
+    });
+  });
 });

view/index.js

@@ -17,7 +17,8 @@ util.inherits(Generator, scriptBase);
 
 Generator.prototype.createViewFiles = function createViewFiles() {
   var ext = this.options.coffee ? 'coffee' : 'js';
+  this.jst_path = path.join('app/scripts/templates', this.name + '.ejs');
+  this.template('view.ejs', this.jst_path);
   this.template('view.' + ext, path.join('app/scripts/views', this.name + '-view.' + ext));
-  this.template('view.ejs', path.join('app/scripts/templates', this.name + '.ejs'));
   this.addScriptToIndex('views/' + this.name + '-view');
 };