ES6中的延迟模块加载是怎么工作的

本教程将介绍ES6中的延迟模块加载是如何工作的的处理方法,这篇教程是从别的地方看到的,然后加了一些国外程序员的疑问与解答,希望能对你有所帮助,好了,下面开始学习吧。

ES6中的延迟模块加载是怎么工作的 教程 第1张

问题描述

怎么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中的延迟模块加载是怎么工作的的教程就到这里就结束了,希望趣模板源码网找到的这篇技术文章能帮助到大家,更多技术教程可以在站内搜索。