如何延迟加载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模块加载填充工具包使用调用方法System.import(moduleName)
返回一个承诺,最终的规范很可能类似于:
function someEventHandler() {
System.import('some-module').then((SomeModule) => {
var module = new SomeModule();
// ...
})
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句