简体繁体 English

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

[英]Using async await and dynamic import statements with Babel and Webpack

原文 2018-08-23 14:45:11 3 1 javascript/ webpack

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

I ran into an error and figured that's not the only plugin required. 我遇到了一个错误，发现不是唯一需要的插件。 Babel docs recommends using babel-polyfill . Babel文档建议使用babel-polyfill 。 So, I just want to confirm if this plugin handles both the async await and dynamic imports for older browsers? 因此，我只想确认此插件是否可以处理旧版浏览器的async await和dynamic imports ？ Do I need to add babel-plugin-syntax-dynamic-import as well? 我是否还需要添加babel-plugin-syntax-dynamic-import ？

Sorry if the question seems naive, but from word polyfill it seems it should cover all of the cases for older browsers. 很抱歉，如果这个问题看起来很幼稚，但是从polyfill这个词看来，它应该涵盖了所有旧浏览器的情况。 Awaiting inputs! 等待输入！

1 个解决方案

syntax-dynamic-import is inserted to allow you to use import(/path/to/file) (dynamic import), this has nothing to do with async await. 插入了syntax-dynamic-import ，以允许您使用import(/path/to/file) （动态导入），这与异步等待无关。

For async await you will need async to generators . 对于异步等待，您将需要async to generators 。

When you add babel-polyfill it adds everything necessary. 添加babel-polyfill它会添加所有必要的内容。 You must also add the browser versions you want to support on the babel-env options. 您还必须在babel-env选项上添加要支持的浏览器版本。