grunt-jade-ng-template-cache

Grunt task to compile jade templates to angular template cache

Getting Started

This plugin requires Grunt >=0.4.0

If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:

npm install grunt-jade-ng-template-cache --save-dev

Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:

grunt.loadNpmTasks('grunt-jade-ng-template-cache');

This plugin was designed to work with Grunt 0.4.x. If you're still using grunt v0.3.x it's strongly recommended that you upgrade, but in case you can't please use v0.3.1.

Sample config

grunt.initConfig({

    jadengtemplatecache: {
        options: {
            module: "my-app",
            dest: "public/app/templates.js",
            jade: {}
        },
        app: {
            files: [{
                expand: true,
                cwd: "public/app/",
                src: ["**/*.jade"],
                dest: "/templates/",
                ext: ".html"
            }]
        }
    }

});

files parameter follows the grunt files format. dest will actually become the path prefix in $templatecache, this is the destination you fetch the files from a server from, when not using $templateCache. jade configure jade options if you have some globals or anything you'd like to override. This is passed to jade renderer, so it follows jade options format

Above configuration would result in something like this generated file public/app/templates.js:

(function () {
"use strict";
angular.module("my-app").run(["$templateCache", function ($templateCache) {
[{"url":"/templates/home/template.html","template":"<div/>"}]
.forEach(function (template) { $templateCache.put(template.url, template.template); });
}]);
}());

In this example there is a public/app/home/template.jade file, which will be put to $templateCache with the url /templates/home/template.html. In Development mode you probably want to configure the /templates/** url to just render and return jade templates on the fly.