gulp-ng-templates

gulp-ng-templates

Build all of your angular templates in just one js file using $templateCache provider

Installation

npm install --save-dev gulp-ng-templates

yarn add -D gulp-ng-templates

Example 1

var gulp = require('gulp');
var ngTemplates = require('gulp-ng-templates');

gulp.task('templates', ['clean'], function () {
	return gulp.src(paths.templates)
		.pipe(htmlmin({collapseWhitespace: true}))
		.pipe(ngTemplates({
			filename: 'templates.js',
			module: 'App/templates',
			path: function (path, base) {
				return path.replace(base, '').replace('/templates', '');
			}
		}))
		.pipe(gulp.dest('public/js'));
});

Example 2

var gulp = require('gulp');
var ngTemplates = require('gulp-ng-templates');

gulp.task('templates', ['clean'], function () {
	return gulp.src(paths.templates)
		.pipe(ngTemplates('moduleName'))
		.pipe(gulp.dest('public/js'));
});

API

gulp-ng-templates (options)

options

path - {function} [path=file.path, file.base]

Change the path of your templates. (See the example above)

If you not set this option it will automatically replace all of the file base path with nothing.

standalone - {boolean} (default: true)

Create a new AngularJS module, instead of using an existing one.

htmlMinifier - {object|boolean}

Options to pass to the html-minifier module

Defaults

{
	removeComments: true,
	collapseWhitespace: true,
	preserveLineBreaks: false,
	conservativeCollapse: false,
	collapseBooleanAttributes: true,
	collapseInlineTagWhitespace: true
}

module - {string} (default: templates)

Provides the module name.

header - {string}

The template header, the default value is:

angular.module("<%= module %>"<%= standalone %>).run(["$templateCache", function($templateCache) {

footer - {string}

The template footer, the default value is:

}]);