Webpack - игнорировать загрузчики в require ()?

У меня есть проект TypeScript, который я связываю с Webpack. Это демо / документация для библиотеки с открытым исходным кодом, которую я пишу, поэтому я хочу показать часть исходного кода как часть документации.

В моем конфиге webpack у меня есть:

 loaders: [
   { test: /\.ts$/, loader: 'ts'},
   { test: /\.css$/, loader: 'style!raw' },
   { test: /\.html/, loader: 'html' }
 ]

который отлично работает для переноса и связывания моих файлов TypeScript. В одном из компонентов моего приложения я делаю это:

basicCodeT: string = require('./basic-example-cmp.html');
basicCodeC: string = require('!raw!./basic-example-cmp.ts');

загрузить исходный код в строку, которую я затем хочу отобразить в документах.

Как видите, есть ведущий! во второй строке, которую я обнаружил, кажется, «обходит» загрузчики по умолчанию из конфига и загружает необработанный TypeScript в виде строки.

В моей сборке dev это работает, но когда я делаю «производственную» сборку с UglifyJsPlugin и OccurrenceOrderPlugin, я получаю следующий вывод:

ERROR in ./demo/src/basic-example-cmp.html
Module build failed: 
@ ./demo/src/demo-app.ts 24:26-61

которая соответствует строке в источнике, где я пытаюсь потребовать необработанный TypeScript.

Так,Я хочу пройтиbasic-example-cmp.ts через компилятор TS как часть сборки приложения, нотакже хотите потребовать это как необработанный текст в приложении.

Мой вопрос:Есть ли правильный способ сказать веб-пакету "игнорировать" загрузчики в определенных случаях?

Является ли мой способ подготовить! правильный? Это взломать?

Обновить

Оказывается, моя проблема просто в том, как Webpack обрабатывает шаблоны HTML - ему не нравится синтаксис шаблона Angular 2, см .:https://github.com/webpack/webpack/issues/992