Conditional ES5 Browser Polyfill Loading

[clydin]

• no need to manually import and manage individual ES2015 polyfills required by Angular
• ES2015 polyfills are only loaded by browsers that require them
• Controllable via a new es5BrowserSupport option; no behavior change if option is not enabled
• es5BrowserSupport is enabled in newly generated projects
• allows for custom polyfill solutions by not using the new option
• works in conjunction with conditional JIT polyfills and will load ES2015 specific JIT polyfills as needed
• Saves ~56KB on native ES2015 browsers

[alan-agius4]

Please add the new option in https://github.com/angular/angular-cli/blob/master/packages/angular/cli/lib/config/schema.json as well.

[alan-agius4]

LGTM

[tomgruszowski]

Love this feature, are there any docs on how to enable this?

[Francois-Belanger]

How can we enable on current projects ?

[diicar]

It's enabled by defauly, just need to Update cli to v7.3.x I believe.

[neilhem]

Add es5BrowserSupport: true to angular.json options. Remove es6 polyfills from polyfills.ts.
There is no option to include specific polyfills to this file

[maxailloud]

How can I fix the Schema validation failed with the following errors: Data path "" should NOT have additional properties(es5BrowserSupport). error?
I just added the option to my build option.

[clydin]

@maxailloud The project most likely has an older version of @angular-devkit/build-angular (for this feature 0.13.0+ is needed).

Also, the team is more than happy to help when possible, but please avoid using a PR for these type of discussions as they are not generally monitored.

[maxailloud]

Oh my bad, thought it was an issue.
And btw don't know why but i still had the 0.12.4 version of it, even after executing ng update @angular/cli.

Thank you and sorry again.

[paulogr]

And on your previously created projects, don't forget to remove those es6 polyfills imports from polyfills.ts file for this feature be real effective!

[DmitryEfimenko]

I might be mistaken, but it's my understanding that polyfills are moved into an internal file. I often find that I also need to import some of the es7 modules (for example to support Object.entries) into polifyls. Having them in an internal file won't allow me adding additional polifylls only required for legacy browsers. It'd be my preference if there was a new file generated by CLI and included in the app: polifyls.legacy.ts or something like that.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}