@hubject/ng-template-bundler

Standalone node script to bundle Angular templates into javascript modules. Based on Brian Park's (yaru22@gmail.com) original ng-html2js project.

Usage no npm install needed!

<script type="module">
  import hubjectNgTemplateBundler from 'https://cdn.skypack.dev/@hubject/ng-template-bundler';
</script>

README

ng-template-bundler

CLI utility to turn Angular templates into a javascript module, optionally with browserify support.

Usage

$ ngtb inputFile [inputFile] [-m module] [-o outfile] [-b basedir] [--browserify]

With a single input file, the module name will be the template's name if no -m option is given. With multiple input files, the default module name will be templates. Without an outfile, result will be written to stdout.

Without a module name:

$ ngtb test/**/*.html
angular
  .module('test/test.tmpl')
  .run(['$templateCache', function($templateCache) {
    $templateCache.put('test/test.tmpl', '...');
  }]);

With a module name:

$ ngtb test/**/*.html -m foo
angular
  .module('foo')
  .run(['$templateCache', function ($templateCache) {
    $templateCache.put('test/test.tmpl', '...');
  }]);

With a multiple input files:

$ ngtb test/**/*.html test2/**/*.html
angular
  .module('templates')
  .run(['$templateCache', function ($templateCache) {
    $templateCache.put('test/test.tmpl', '...');
    $templateCache.put('test/another.tmpl', ' ...');
  }]);

With a multiple input files and browserify:

$ ngtb test/**/*.html test2/**/*.html
module.exports = angular
  .module('templates')
  .run(['$templateCache', function ($templateCache) {
    $templateCache.put('test/test.tmpl', '...');
    $templateCache.put('test/another.tmpl', ' ...');
}]);

With a single input files and browserify:

$ ngtb test/**/*.html test2/**/*.html
module.exports = angular
  .module('templates')
  .run(['$templateCache', function ($templateCache) {
    $templateCache.put('test/test.tmpl', '...');
    $templateCache.put('test/another.tmpl', ' ...');
  }]);
$ ngtb test/**/*.html --browserify
module.exports = angular
  .module('test/test.tmpl')
  .run(['$templateCache', function($templateCache) {
    $templateCache.put('test/test.tmpl', '...');
  }]);

License

Released under permissive MIT License.