UNPKG

grunt-js2html

Version:

Grunt Plugin for Convert Angular JS Templates to HTML Source.

110 lines (82 loc) 3 kB
# grunt-js2html Grunt Plugin for Convert Angular JS Templates to HTML Source. ## Getting Started This plugin requires Grunt `~0.4.5` If you haven't used [Grunt](http://gruntjs.com/) before, be sure to check out the [Getting Started](http://gruntjs.com/getting-started) guide, as it explains how to create a [Gruntfile](http://gruntjs.com/sample-gruntfile) as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command: Install using `npm` ```shell npm install grunt-js2html --save-dev ``` Install using `yarn` ```shell yarn add grunt-js2html ``` Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript: ```js grunt.loadNpmTasks('grunt-js2html'); ``` ## The "js2html" task ### Overview In your project's Gruntfile, add a section named `js2html` to the data object passed into `grunt.initConfig()`. ```js grunt.initConfig({ js2html: { options: { // Task-specific options go here. }, your_target: { // Target-specific file lists and/or options go here. }, }, }); ``` ### Options #### options.angularModule Type: `Boolean ` Default value: `false` A boolean value that is used to remove `angular.module` from `tpl.js`. #### options.beautify Type: `Boolean` Default value: `true` A boolean value that is used to beautify HTML source file. ### Usage Examples #### Default Options In this example, the default options are used to convert JS Templates files into source HTML without removing `angular.module` from `tpl.js`. ```js grunt.initConfig({ js2html: { options: {}, files: { src: 'test-files/*.js' }, }, }); ``` > This simplest configuration will create HTML folder in your src path, and write the HTML source for the all `tpl.js` to `test-files/html/*.html`: #### Custom Options In this example, custom options are used to convert JS Templates files into source HTML which remove `angular.module` and html source will be formatted. ```js grunt.initConfig({ js2html: { options: { angularModule: true, beautify: true, }, files: { src: 'test-files/*.js' }, }, }); ``` ## Contributing 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](http://gruntjs.com/). ## Release History 0.1.0 - Basic plugin to convert `*.tpl.js` files into HTML source. Reverse of [grunt-html2js](https://www.npmjs.com/package/grunt-html2js). 0.1.1 - JS file Content validation added for `*.tpl.js`. 0.1.3 - angularModule and beautify options added. ## Author **Sachindra Singh** * [github/sachindrasingh](https://github.com/sachindrasingh) ## License Copyright © 2019, [Sachindra Singh](https://github.com/sachindrasingh). Released under the [MIT License](LICENSE).