的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'] 
}