ES6中的延迟模块加载是如何工作的 [英] How does lazy module loading work in 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 loaderPolyFill包使用名为System.import(moduleName)的方法，该方法返回一个承诺，最终的规范很可能类似于：

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

这篇关于ES6中的延迟模块加载是如何工作的的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！