Option "caseSensitive" breaks Angular2 templates

[readme42]

Minifier Option case sensitive should be disabled by default, otherwise some templates written for angular2 may be broken.

[hemanth]

Any particular use-case?

[sonicoder86]

@readme42 How can i disable it?

@hemanth Any Angular 2 specific tag like ngIf and ngFor simply breaks the whole application.
This is why html-loader is not used in Angular 2 starters with Webpack (raw-loader works though, but feels hacky)

[sonicoder86]

Also removeAttributeQuotes breaks templates, because it removes quotes from link hrefs and Angular 2 template parser throws an error for it.

[ravipunjwani]

Guys, any update on this? How to use caseSensitive option for angular directives? ngIf ngFor ngClass and many others just breaking up due to lowercased html templates.

[KostyaEsmukov]

I've made html-loader work with Angular 2 templates with this config:

  {
    test: /\.html$/,
    loader: 'html-loader',
    options: {
      minimize: true,
      removeComments: true,
      collapseWhitespace: true,

      // angular 2 templates break if these are omitted
      removeAttributeQuotes: false,
      keepClosingSlash: true,
      caseSensitive: true,
      conservativeCollapse: true,
    }
  },

Some options here are redundant (they're specified in the index.js), but for the sake of withstanding future updates touching this list (like the one being proposed here 😄) I would explicitly leave them this way.