的WebPack使用ES6巴贝尔延迟加载模块建议导入（）方法不工作

Question

我试图使用import() method

import('./myLazyModule').then(function(module) { 
    // do something with module.myLazyModule 
} 

做代码分裂和延迟加载用的WebPack我越来越

'进口'和'出口'可能只出现在顶级

注意顶级进口工作正常，我只是得到一个问题，当我吨RY和使用进口）的动态变型（

​​

编辑：

如果我改变它，语法读取，工程....但大块的意见不起作用标注捆绑。我很困惑，因为文件说下面是贬值。

中的WebPack使用System.import并不符合所提出的规范，所以 它被弃用的WebPack 2.1.0-beta.28有利于进口的（）。

System.import('./myLazyModule').then(function(module) { 
    // do something with module.myLazyModule 
} 

Answer 1

您需要的插件syntax-dynamic-import能够使用import()功能与巴贝尔。

与安装：

npm install --save-dev babel-plugin-syntax-dynamic-import 

，并将其添加到您的插件：

{ 
    presets: ['es2015'], 
    plugins: ['syntax-dynamic-import'] 
}