模块构建失败：SyntaxError：“导入”和“导出”可能仅出现在顶层

Question

在webpack版本2.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配置中，以允许在他们建议的地方使用导入吗？

Answer 1

按照：