Hide IE warnings from console in Angular 6

Question

I am constantly getting these warnings when serving my angular app:

e.g.:

./src/app/core/containers/navbar/navbar.component.sass
(Emitted value instead of an instance of Error) autoprefixer: ...src\app\core\containers\navbar\navbar.component.sass:11:4: grid-auto-columns is not supported by IE

Unfortunately, I am not interested in IE support. Is it possible to disable this type of warnings?

Answer 1

You can disable warnings for single lines in your CSS file by prepending the line with:

/* autoprefixer: off */

For example, IE does not support the CSS setting grid-auto-rows. To disable the warning, apply it like this:

.some-div {
    display: grid;
    /* autoprefixer: off */
    grid-auto-rows: auto auto;
}

Source: https://github.com/angular/angular-cli/issues/5964