grunt-html2amd v0.1.4
grunt-html2amd
A task to convert HTML templates to AMD javascript
Sample:
main.html
<div><p id="Para1">Paragraph</p></div>
Output -> main.html.js
define(function(){ return '<div><p id="Para1">Paragraph</p></div>' });
Getting Started
This plugin requires Grunt ~0.4.5
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-html2amd --save-dev
Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:
grunt.loadNpmTasks('grunt-html2amd');
The "html2amd" task
Overview
In your project's Gruntfile, add a section named html2amd
to the data object passed into grunt.initConfig()
.
grunt.initConfig({
html2amd: {
your_target: {
src:// wild card or array of html files
},
},
});
Usage Examples
grunt.initConfig({
html2amd: {
dist: {
src: ["pages/*/*.html","templates/*.html"]
}
}
});
The plugin would output a separate .js file for each html input file ( appending .js extention to the original name ).
For example: pages/main/main.html would output: pages/main/main.html.js