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