webpack html-loaders lowercase angular 2 built-in directives

Question

I am using html-loader to load my html template and file-loader to load my images that are in the template. This run just fine in dev but when I run build:prod and run the

Answer 1

Set the minimize param to false in the loader query as shown below.

{ test: /\.html$/, loader: 'html?minimize=false' }

Or

You can upgrade the html-loader to 0.4.3 and use the following configuration.

{ test: /\.html$/, loader: 'html?minimize=true&caseSensitive: true}