ngCache с Webpack, ES6, не выводящий шаблон html, ошибка синтаксического анализа

Question

Я пытаюсь использовать ng-cache, чтобы вытащить мои шаблоны в угловом проекте, написанном на ES6, и используя webpack.

У меня есть следующие файлы:

dashboard.config.js:

require('ng-cache!./index.html'); 
require('ng-cache!./nav-sidebar.html'); 

export default function DashboardConfig($stateProvider) { 
    'ngInject'; 

    // Define the routes 
    $stateProvider 
    .state('dashboard', { 
     url: '/dashboard', 
     controller: 'DashboardController as $ctrl', 
     templateUrl: 'index.html' 
    }); 

} 

Это генерирует следующее сообщение об ошибке при запуске WebPack:

Error: Parse Error: <div class=\"clearfix\"></div>\r\n\r\n<div flex layout=\"row\" class=\"dashboard\">\r\n\r\n Dashboard!\r\n <ng-include src=\"'nav-sidebar.html'\"></ng-include>\r\n\r\n <!-- Container #3 -->\r\n\r\n\r\n <!-- Container #4 -->\r\n <md-content id=\"dashboard-content\" ui-view=\"\" class=\"md-padding\" layout=\"column\"></md-content>\r\n \r\n <!--<md-content flex id=\"content\"></md-content>-->\r\n\r\n</div>" 
Using unminified HTML 

И получается следующий результат в браузере при посещении «/ приборной панели»:

module.exports = " 
\r\n\r\n 
\r\n\r\n Dashboard!\r\n \r\n\r\n \r\n\r\n\r\n \r\n 
\r\n \r\n \r\n\r\n 
" 

Теперь здесь происходит несколько странных вещей. Почему он пытается проанализировать HTML? Избавление от директив приводит к ошибкам синтаксического анализа, но у меня по-прежнему возникает проблема просмотра module.export = «...» для моего вывода, а не для просмотра шаблона.

Вот содержимое index.html

<div class="clearfix"></div> 

<div flex layout="row" class="dashboard"> 

    Dashboard! 
    <ng-include src="'nav-sidebar.html'"></ng-include> 

    <md-content id="dashboard-content" ui-view="" class="md-padding" layout="column"></md-content> 

</div> 

Answer 1

Вопрос заключается в том, что я имел raw HTML загрузчик, указанный в моем файле webpack.config.js. У меня было указание, что загрузчик в вызове require() будет перегружать любые настройки, указанные мной в файле webpack, и это не так. Исправлено также устранение предупреждений об ошибках синтаксического анализа.