gulp-underscore-template

gulp underscore template pre-compiler

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
gulp-underscore-template
201.0.09 years ago9 years agoMinified + gzip package size for gulp-underscore-template in KB

Readme

gulp-underscore-template
This plugin compiles a set of underscore template files into one commonjs module.

Usage

In your gulpfile simply pipe every html file into this plugin, then concat them.
It is suggested to minify your html before compiling them.
var gulp = require('gulp');
var concat = require('gulp-concat');
var htmlmin = require('gulp-htmlmin');
var template = require('gulp-underscore-template');
gulp.src('./templates/*.html')
    .pipe(htmlmin({
        collapseWhitespace: true,
        conservativeCollapse: true
    }))
    .pipe(template())
    .pipe(concat('templates.js'))
    .pipe(gulp.dest('./lib/'))

Suggest your file structure is as below:
templates
  |- some-page.html
  |- another-page.html

Then use the compiled template in your code:
var templates = require('./lib/templates');
var tpl1 = templates['some-page'];
var resultHtml = tpl1({ data: 123 });

For template syntax please see underscore template docs;