Ich habe ein TypeScript-Projekt, das ich mit Webpack bündle. Es ist eine Demo / Docs-App für eine Open-Source-Bibliothek, die ich schreibe. Ich möchte daher einen Teil des Quellcodes als Teil der Dokumentation anzeigen.

In meiner Webpack-Konfiguration habe ich:

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

, das sich gut zum Transpilieren und Bündeln meiner TypeScript-Dateien eignet. In einer meiner App-Komponenten mache ich Folgendes:

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

Um den Quellcode in eine Zeichenfolge zu laden, die ich dann in den Dokumenten anzeigen möchte.

ie Sie sehen können, gibt es ein führendes! in der zweiten Zeile, die ich entdeckt habe, scheint die Standard-Loader aus der Konfiguration zu "umgehen" und lädt das unformatierte TypeScript als String.

In meinem Entwickler Build funktioniert dies, aber wenn ich mit dem UglifyJsPlugin und OccurrenceOrderPlugin einen "Produktions" Build mache, erhalte ich die folgende Ausgabe:

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

das entspricht der Zeile in der Quelle, in der ich versuche, das rohe TypeScript zu fordern.

So,Ich möchte @ übergebbasic-example-cmp.ts durch den TS-Compiler als Teil des App-Builds, aberebenfall möchte es als rohen Text in der App benötigen.

Meine Frage ist dann: Gibt es eine geeignete Möglichkeit, WebPack anzuweisen, Loader in bestimmten Bedarfsfällen zu "ignorieren"?

Ist meine Art, ein @ voranzustell! richtig? Ist es ein Hack?

Aktualisiere

Es stellt sich heraus, dass mein Problem einfach auf die Art und Weise zurückzuführen ist, wie Webpack HTML-Vorlagen verarbeitet - die Angular 2-Vorlagensyntax gefällt ihm nicht, siehe:https: //github.com/webpack/webpack/issues/99