如何使用支持 IE11 的 babel 启用 async/await

Question

我希望在我的源代码中使用 async/await 并通过 babel 将其转换为可用>0.25% not dead的东西。

我的头在旋转，有太多的方法来攻击它。 有些已弃用，有些完全不起作用，而我已经开始工作的那个使我的库的大小增加了一倍多。

我尝试将@babel/polyfill与@babel/plugin-transform-async-to-generator ，效果很好，但是库从~500kB 到~1.1MB。

我还尝试通过给它>0.25% not dead将其留给@babel/preset-env ，但这并没有什么不同。 我得到：

regeneratorRuntime 未定义

我希望有比包括所有这些regeneratorRuntime东西更好的方法来做到这一点......

我宁愿 go 回到厄运的回调金字塔，也不愿运送超过 1mb 的库......

我在用：

• webpack 4.41.0
• 通天塔 7.6.2

Answer 1

如果您只需要生成器 polyfill（async/await 需要它），那么您可以使用facebook/regenerator 。

您可以按照以下步骤在 IE 11 中支持 async/await：

• 使用babel-preset-env
• yarn add regenerator或npm install regenerator
• 将node_modules/regenerator-runtime/runtime.js (10.7kb minified)添加到您的包中

参考链接： 通过 3 个简单步骤为您的 Webapp 添加 ES7 Async/Await 支持