8

私は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()); 
} 

答えて

15

aurelia-frameworkモジュールから参照AureliaクラスとFrameworkConfigurationクラスの両方:

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

は、参照を取得します。 ctorの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
関連する問題