Почему не хочет работать плагин webpack-а для инъекции html templat-а?

Question

[Валентин]

Доброго дня всем! Столкнулся со следующей проблемой: есть код:

import template from './app.html';

let app = angular.module('app', []);

app.component('app', {

    templateUrl: 'template',
    controller: ['$http',App],
    controllerAs: '$app'
});

Как видите, я пытаюсь реализовать автоматическую вставку шаблона, чтобы каждый каждый раз его не копировать ручками. Пытаюсь сделать это с помощью 2-х лоадеров: ng-cache-loader
и ngtemplate-loader . Но все они выкидывают мне различные ошибки: ng-cache-loader, при подобном импорте жалуется на :

ERROR in Cannot find module './node_modules/ng-cache-loader/index.js'
 @ ./src/app.js 7:11-32
ERROR in   ReferenceError: window is not defined

Вот его конфиг:

test: /\.html$/,
loader: "ng-cache?prefix=[dir]/[dir]"

ngtemplate-loader при таком конфиге:

test: /\.html$/,
loader: 'ngtemplate?relativeTo=' + (path.resolve(__dirname, './app')) + '/!html'

Выкидывает следующую ошибку:

ERROR in   Error: Child compilation failed:
  Entry module not found: Error: Cannot resolve module 'html' in D:\Proj\AllProjects\Unicorn_Test_Angular:
  Error: Cannot resolve module 'html' in D:\Proj\AllProjects\Unicorn_Test_Angular

Буду очень благодарен, если подскажете решение вопроса, либо укажете другой путь.

Answer 1

[markmariner]

А почему бы не использовать просто html-loader?

{
test: /\.html$/,
 loader: "html"
}

template: require('./page.template.html')