我可以使用 useBuiltIns:usage 列出 babel/preset-env 应用于每个 webpack 入口点的 polyfill 吗？

Question

我有一个在网页上执行的小型 Javascript 应用程序。它可以在大多数现代浏览器中运行，但不能在 IE 等旧浏览器中运行（因为它使用了 Promise 等一些功能）。我可以使用 babel/preset-env 和 useBuiltIns:usage 和 browserlist 配置来添加使其在包括 IE9 在内的所有目标浏览器中运行所需的 polyfill。但是，添加 polyfill 后文件大小会增加三倍。

我想要一个单独的文件，其中仅包含所需的 polyfill，并在必要时手动将该文件加载到页面上（例如，当检测到它是 IE9 时）。

为了实现这一点，我需要知道当我使用useBuiltIns:usage 时 Babel 应用了哪些 polyfill，以便我可以手动将这些功能包含在单独的 Webpack 条目中。然后我会在应用程序中使用useBuiltIns:false。

有没有办法列出适用的 polyfills babel/preset-env？

Answer 1

回答我自己的问题。有一个debug 选项正是为此目的。