javascript - 延迟模块加载在ES6中如何工作

如何延迟加载ES6模块？懒惰的意思是，我不想实际加载不需要的模块。例如，这是我可以使用RequireJS进行的操作:

function someEventHandler() {
    var SomeModule = require('some-module'),
        module = new SomeModule();
    // ...
}

使用ES6导入似乎无法实现相同的目标:

// Doesn't appear to be valid...
function someEventHandler() {
    import SomeModule from 'some-module';
    var module = new SomeModule();
    // ...
}

是否有可行的技术使用ES6模块仅在需要时引入依赖项？还是跟踪完整依赖关系图并预先获取所有内容的唯一途径？

最佳答案

import语句仅在文件的最顶部起作用，并且将加载所有文件。这主要是为了避免循环依赖的潜在问题。

还有一种方法可以进行异步加载。但是规范似乎尚未最终确定。 ES6 module loader polyfill软件包使用一种称为System.import(moduleName)的方法，该方法返回promise，最终的规范可能看起来类似:

function someEventHandler() {
    System.import('some-module').then((SomeModule) => {
        var module = new SomeModule();
        // ...
    })
}