grunt-angular-prangler

AngularJS template preloader. Load your html partials with your scripts.

prangler

AngularJS template preloader. Load your html partials with your scripts. Reduce http requests, improve load time for views and directives with templates.

This plugin requires Grunt ~0.4.1

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 prangler --save-dev

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

grunt.loadNpmTasks('grunt-angular-prangler');

In your project's Gruntfile, add a section named prangler to the data object passed into grunt.initConfig().

grunt.initConfig({
  prangler: {
    options: {
      ngApp: 'myApp', // name of your angular module 
      stripPathForTemplateId: 'src' // will remove src from the $templcateCache key   
    },
    files: {
      'dest/template.js': ['src/templates/*.html'],
    }
  },
})

Type: String Default value: ', '

Name of your AngularJS module.

Type: String Default value: ''

Remove this String from beginning of template uris when store in AngularJS $templateCache.

If html partial is in src/templates/ and stripPathForTemplateId is set to 'src', the template will be stored to AngularJS $templateCache with key/uri templates/my-template.html

Add templates to dest/templates.js from src/template/*.html. Whitespace will be removed from the html partials.

grunt.initConfig({
  prangler: {
    options: {
      ngApp: 'myApp',
      stripPathForTemplateId: ''
    },
    files: {
      'dest/template.js': ['src/templates/*.html'],
    }
  }
})

In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using Grunt.

0.0.1 Pack html partials to $templateCache and automatically strip whitespace. 0.0.2 Rename plugin and task to grunt-angular-prangler for better visibility