Javascript 延迟加载Aurelia插件

我有一个很大的插件（abalmus/aurelia ace editor），我正试图将它加载到aurelia中，这会影响我的页面加载时间。除了在应用程序启动时，有人知道如何加载Aurelia插件吗

Main.ts：

import { Aurelia } from 'aurelia-framework';

export function configure(aurelia: Aurelia) {
  aurelia.use
    .standardConfiguration()
    .developmentLogging()
    .plugin('aurelia-validation')
    .plugin('aurelia-validatejs')
    .plugin('aurelia-animator-css')
    .plugin('abalmus/aurelia-ace-editor')
    .plugin('aurelia-cookie')
    .feature('lib/form-validation-renderer');

  aurelia.start().then(() => aurelia.setRoot());
}

---

在要加载插件的任何模块中，都要引用

Aurelia

模块中的

Aurelia

类和

FrameworkConfiguration

类：

import { Aurelia, FrameworkConfiguration } from 'aurelia-framework';

获取对ctor中Aurelia对象的引用：

  constructor(private aurelia: Aurelia) { }

然后，在适当的位置（如

激活

功能），创建一个新的

框架配置

对象并加载插件：

activate() {
  return new FrameworkConfiguration(this.aurelia).plugin('abalmus/aurelia-ace-editor').apply();
}

更多阅读