javascript - 延迟加载 Aurelia 插件

Question

我有一个大型插件 (abalmus/aurelia-ace-editor)，我正在尝试将其加载到 Aurelia 中，但它会影响我的页面加载时间。有谁知道除了在应用程序启动时如何加载 Aurelia 插件？

主要.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());
}

Answer 1

在您想要加载插件的任何模块中，从 aurelia-framework 模块中引用 Aurelia 类和 FrameworkConfiguration 类:

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

获取构造函数中 Aurelia 对象的引用:

  constructor(private aurelia: Aurelia) { }

然后，在合适的地方(比如activate函数)，新建一个FrameworkConfiguration对象并加载插件:

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

更多阅读 https://github.com/aurelia/framework/issues/145