在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选项上添加要支持的浏览器版本。