# hxng-loader
Simple angular template webpack loader.

Usage:
```
  var myTplName = require('./foo.ng.html');
```

Key Features:
  - object returned by require is the template name
    so it can be conveniently referred to. (as a side
    effect, the content is loaded into the ng template cache).
  - name is globally unique and stable, no clashes with
    same file names in other directories.
  - html is minified.


## Setup

Add this loader to webpack.config.js:

```
  module: {
    loaders: [
      {
        test: /\.ng.html$/,
        loader: 'hxng-loader'
      },
      ...
    ],

    ...
  }

```

Add this code to your top level js code
(needs to run before template require statements):

```
  yourModule.run(function ($templateCache) {
    window.$templateCache = $templateCache;
  });
```

This is needed so that async code loading containing templates can work - it can't self-bootstrap.

TODO: Automate the above bootstrapping code.