Runtime polyfilling with feature detection

[askbeka]

Feature Request

When using preset-env with useBuilitins: 'usage', we can create bundles to serve target browsers, But modern browsers, that do not need polyfills will still load them, to solve that we can run babel with different preset options, for each browser, but it is not ideal, because server needs to know which browser is being used, and which bundle to serve, issues can happen when unknown browser is being used.

And there is polyfill.io which also requires getting them from outside, running the tool internally. So those solutions are more complicated in practice, since they involve changes in infrastructure in companies.

But I think we already have tools to achieve build time solution.

To solve that babel could provide way to get list of applied polyfills, along with and generate loader script that can be included in application to apply
For example pseudo code:

var listOfPolyfillsUsed = ['Array.prototype.includes', 'Array.prototype.find']
var listOfPolyfillsToApply = listOfPolyfillsUsed.filter(...);

loadScript('polyfills-' + listOfPolyfillsToApply.join('-') + '.js');

[babel-bot]

Hey @askbeka! We really appreciate you taking the time to report an issue. The collaborators
on this project attempt to help as many people as possible, but we're a limited number of volunteers,
so it's possible this won't be addressed swiftly.

If you need any help, or just have general Babel or JavaScript questions, we have a vibrant Slack
community that typically always has someone willing to help. You can sign-up here
for an invite.