如何在 Babel 中使用类函数导入建议功能?

How to use function-like import proposal feature in Babel?

我想使用 the import() feature

我在我的项目中包含了 stage-2 preset 但出现错误(在 webpack 捆绑期间):Module build failed: SyntaxError: 'import' and 'export' may only appear at the top level

怎么了?如何使用此功能?

根据您的构建系统,有两个 Babel 转换可以解决此功能。

对于 Node 本身,您希望使用 https://github.com/airbnb/babel-plugin-dynamic-import-node 来使用正常的 require 调用。

对于 Webpack 1.x,您需要使用 https://github.com/airbnb/babel-plugin-dynamic-import-webpack 因为它将使用 Webpack 的 require.ensure.

对于 Webpack 2.x,import() 支持包含在 Webpack 中,因此您需要使用 babel-plugin-syntax-dynamic-import 这样 Babel 将解析并将语法不变地传递给 Webpack。