Webpack: ¿ignorar los cargadores en require ()?
Tengo un proyecto TypeScript que estoy empaquetando con Webpack. Es una aplicación de demostración / documentación para una biblioteca de código abierto que estoy escribiendo, por lo que quiero mostrar parte del código fuente como parte de la documentación.
En mi configuración de paquete web tengo:
loaders: [
{ test: /\.ts$/, loader: 'ts'},
{ test: /\.css$/, loader: 'style!raw' },
{ test: /\.html/, loader: 'html' }
]
que funciona bien para transpilar y agrupar mis archivos TypeScript. En uno de los componentes de mi aplicación hago esto:
basicCodeT: string = require('./basic-example-cmp.html');
basicCodeC: string = require('!raw!./basic-example-cmp.ts');
para cargar el código fuente en una cadena que luego quiero mostrar en los documentos.
Como puede ver, hay un líder! en la segunda línea que descubrí parece "omitir" los cargadores predeterminados de la configuración y carga el TypeScript en bruto como una cadena.
En mi desarrollo, esto funciona, pero cuando hago una construcción de "producción" con UglifyJsPlugin y OccurrenceOrderPlugin, obtengo el siguiente resultado:
ERROR in ./demo/src/basic-example-cmp.html
Module build failed:
@ ./demo/src/demo-app.ts 24:26-61
que corresponde a la línea en la fuente donde trato de requerir el TypeScript sin formato.
Entonces,Quiero pasarbasic-example-cmp.ts a través del compilador de TS como parte de la compilación de la aplicación, peroademás desea solicitarlo como texto sin formato en la aplicación.
Mi pregunta entonces es:¿Hay una manera adecuada de decirle a webpack que "ignore" los cargadores en casos de requisitos específicos?
Es mi manera de pretender un! ¿correcto? ¿Es un truco?
Resulta que mi problema se debe simplemente a la forma en que Webpack maneja las plantillas HTML: no le gusta la sintaxis de la plantilla Angular 2, consulte:https://github.com/webpack/webpack/issues/992