在Babel和Webpack中使用异步等待和动态导入语句

Question

使用async await ，Webpack指南建议使用babel-plugin-syntax-dynamic-import 。 https://webpack.js.org/guides/code-splitting/

我遇到了一个错误，发现不是唯一需要的插件。 Babel文档建议使用babel-polyfill 。 因此，我只想确认此插件是否可以处理旧版浏览器的async await和dynamic imports ？ 我是否还需要添加babel-plugin-syntax-dynamic-import ？

很抱歉，如果这个问题看起来很幼稚，但是从polyfill这个词看来，它应该涵盖了所有旧浏览器的情况。 等待输入！

Answer 1

插入了syntax-dynamic-import ，以允许您使用import(/path/to/file) （动态导入），这与异步等待无关。

对于异步等待，您将需要async to generators 。

添加babel-polyfill它会添加所有必要的内容。 您还必须在babel-env选项上添加要支持的浏览器版本。