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: {
default: {
options: {
ngApp: 'myApp', // name of your angular module
stripPathForTemplateId: 'src', // will remove src from the $templcateCache key
stripFilenameExtension: false, // if true removes .html from $templateCache key
filenameForTemplateId: false, // if true template loaded by filename
},
files: {
'dest/template.js': ['src/templates/*.html'],
}
}
},
})
Type: String
Default value: 'app'
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
Type: boolean
Default value: false
Remove filename extension from template uris when stored in AngularJS $templateCache. If html partial is at src/templates/mytemplate.html, it will be stored to $templateCache with key/uri src/templates/mytemplate
Type: boolean
Default value: false
If true templates are stored in cache by filename and thus can be called in code via filename only. src/templates/mytemplate.html will be stored with mytemplate.html
Add templates to dest/templates.js from src/template/*.html.
grunt.initConfig({
prangler: {
default: {
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.
0.0.3 Reverted to old name "prangler" as the actual task name.
0.1.0 Grunt files support.
0.1.1 Improved stringify remove html compressor.
0.1.2 Add option for stripping filename extension from template key.
0.1.3 Add option for using only filename for template key.
0.1.4 Template prettify.