This is a Gulp plugin that converts HTML files into JavaScript strings that can then be quickly accessed through a global variable.

In a shell:

npm install --save-dev gulp-template-cache

In your gulpfile.js:

var templateCache = require('gulp-template-cache');

gulp.task('compile:templates', function() {
  return gulp.src('src/**/*.tpl.html')
    .pipe(templateCache())
    .pipe(gulp.dest('build'));
});

• fileName: The name of the JavaScript file that should be output by the plugin. Defaults to 'templates.js'.
• globalVariable: The name of the global variable that should reference the template cache. Defaults to 'templateCache'.
• nameFunction: A function that takes a template filepath and returns the string name of that template in the cache. Defaults to using the raw filepath.