如何在Babel中使用类似功能的导入提议功能？

Question

我想使用the import() feature。

我在项目中添加了stage-2预设但收到了错误（在webpack捆绑期间）：Module build failed: SyntaxError: 'import' and 'export' may only appear at the top level

出了什么问题？我该如何使用此功能？

Answer 1

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

对于节点本身，您希望使用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。