Skip to content

fodier/gulp-template

 
 

Repository files navigation

gulp-template Build Status

Render/precompile Lo-Dash/Underscore templates

Issues with the output should be reported on the Lo-Dash issue tracker.

Install

$ npm install --save-dev gulp-template

Usage

src/greeting.html

<h1>Hello <%= name %></h1>

gulpfile.js

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

gulp.task('default', function () {
	return gulp.src('src/greeting.html')
		.pipe(template({name: 'Sindre'}))
		.pipe(gulp.dest('dist'));
});

You can alternatively use gulp-data to inject the data:

var gulp = require('gulp');
var template = require('gulp-template');
var data = require('gulp-data');

gulp.task('default', function () {
	return gulp.src('src/greeting.html')
		.pipe(data(function () {
			return {name: 'Sindre'};
		}))
		.pipe(template())
		.pipe(gulp.dest('dist'));
});

dist/greeting.html

<h1>Hello Sindre</h1>

API

template(data, [options])

Render a template using the provided data.

template.precompile([options])

Precompile a template for rendering dynamically at a later time.

data

Type: Object

The data object used to populate the text.

options

Type: Object

Lo-Dash _.template options.

Notes

If you use grunt instead of gulp, but want to perform a similar task, use grunt-template.

License

MIT © Sindre Sorhus

About

Compile Lo-Dash templates

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 100.0%