node package manager
Painless code sharing. npm Orgs help your team discover, share, and reuse code. Create a free org »

grunt-angular-template-stitch

grunt-angular-template-stitch

Stitch AngularJS templates into a single HTML file, delimiting them by a comment. Useful for proxy services that need HTML files.

grunt.loadNpmTasks('grunt-angular-template-stitch');

The "angularTemplateStitch" task

Example 1

angularTemplateStitch: {
    dist: {
        files: [{
            expand : true
            cwd: 'app'
            src: 'views'
            dest: 'dist/stitched'
        }]
    }
}

Will generate a file dist/stitched/views.html that contains all html templates in app/views.

Example 2

angularTemplateStitch: {
    dist: {
        files: [{
            expand : true
            cwd: 'app/views'
            src: '*'
            filter: 'isDirectory'
            dest: 'dist/stitched'
        }]
    }
}

Will generate a file (e.g. dist/stitched/views/group1.html) of all html templates for each folder within app/views (e.g. app/views/group1/)

Options

processIdentifier

Process function that allows you to change the if name for each of the templates.

angularTemplateStitch: {
    dist: {
        ...
        options: {
            processIdentifier: function (id) {
                // just use the files name without extension 
                return id.split('/').pop().replace('.html', '');
            }
        }
    }
}

Release History

  • 0.1.0 : first release, adapted from angular-combine