angular-templatecache-loader

Angular templatecache webpack loader

Puts HTML files to Angular $templateCache.

Features

1. You can use ng-include directives with require syntax
2. You will always have the content of the file in assigned variable

Install

You can install loader using npm:

npm i angular-templatecache-loader

Examples

main.js

var myTemplate = require('./src/myTemplate.html');  // You will have your template in myTemplate variable

index.html

<div ng-include="'src/myTemplate.html'"></div>

Options

1. module - name of angular module (default is ng)

  {
    test: /\.html$/,
    loader: "angular-templatecache-loader?module=app"
  }

1. prefix - add prefix to all file names

  {
    test: /\.html$/,
    loader: "angular-templatecache-loader?prefix=/public/src"
  }

1. You can also use context in webpack to pass correct template url. See Context example

var app = path.join(__dirname, 'app');
 
module.exports = {
  context: app
}