本文介绍了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中的延迟模块加载是如何工作的的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!