模块构建失败：SyntaxError：“import”和“export”可能只出现在顶层答案

【问题标题】：Module build failed: SyntaxError: 'import' and 'export' may only appear at the top level模块构建失败：SyntaxError：“import”和“export”可能只出现在顶层
【发布时间】：2017-05-07 23:32:51
【问题描述】：

他们在 webpack 版本 v2.1.0-beta.28 中添加了（我使用的是 2.2.0-rc.1）：

添加 import() 作为代码拆分构造。它应该被用来代替 System.import 尽可能。 System.import 将在 webpack 2 版本（在 webpack 3 中删除），因为它的行为不正确根据规范。

所以我转换了：

require.ensure(['./hero/homepage'], () => {
  require('./hero/homepage')
}, 'hero-homepage')

进入：

import('./hero/homepage')
  .then(module => module.default)
  .catch(err => console.error(`Chunk loading failed, ${err}`))

但是得到：Module build failed: SyntaxError: 'import' and 'export' may only appear at the top level

有什么我必须添加到 webpack 配置中以允许在他们建议的地方使用导入吗？

【问题讨论】：

标签： webpack