ES6中的延迟模块加载是如何工作的

How does lazy module loading work in ES6(ES6中的延迟模块加载是如何工作的)
本文介绍了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中的延迟模块加载是如何工作的的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

Update another component when Formik form changes(当Formik表单更改时更新另一个组件)
Formik validation isSubmitting / isValidating not getting set to true(Formik验证正在提交/isValiating未设置为True)
React Validation Max Range Using Formik(使用Formik的Reaction验证最大范围)
Validation using Yup to check string or number length(使用YUP检查字符串或数字长度的验证)
Updating initialValues prop on Formik Form does not update input value(更新Formik表单上的初始值属性不会更新输入值)
password validation with yup and formik(使用YUP和Formick进行密码验证)