webpack - 模块构建失败 : SyntaxError: 'import' and 'export' may only appear at the top level

Question

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

add import() as Code Splitting construct. It should be used instead of System.import when possible. System.import will be deprecated in webpack 2 release (removed in webpack 3) as it's behavior is incorrect according to the spec.

所以我转换了:

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

按照:

https://twitter.com/addyosmani/status/811958786273333248和 https://twitter.com/usefulthink/status/811958593100587009

答案是您需要 babel-plugin-dynamic-import-webpack