为不同的目标创建多个webpack包，并根据功能选择浏览器？

Question

为了支持旧浏览器，我需要导入Babel的polyfill，并且导致代码非常短的新功能需要扩展为更详细的代码 - 导致包含臃肿的包。

我想让Webpack输出多个包：

• 较新的浏览器不需要polyfill，可以使用Promises，Arrow Functions和async / await之类的东西。这意味着代码包可以更小并且加载速度更快。
• 较旧的浏览器会获得包含更多内容并且加载速度较慢的捆绑包。

一旦我拥有这两个捆绑包，我该如何确定要加载哪个捆绑包脚本？我想我可以检查window.Promise或类似的东西，但不确定我需要检查的所有事情。