Warum lädt die Alpha-Version von Aurelia langsam?

8

Ich habe eine minimale Testseite geschrieben, um Aurelia auszuprobieren.

Ссылка

GitHub: Ссылка

Mein letzter Test zeigte, dass es 55 Sekunden dauerte, um die Seite mit 135 Anfragen zu laden.

Es scheint, dass ich das jspm_packages-Verzeichnis zuerst bündeln muss, damit der 543KB sofort heruntergeladen wird .. und nicht in Stücken.

Ich bin also diesem Beispiel gefolgt: Ссылка

Wie bündle ich die Pakete? Es ist mir nicht klar von Ссылка

Und was aktualisiere ich dann in meiner index.html Datei? Und ich muss immer noch den jspm_packages-Ordner einschließen, während ich ihn im Kopf referenziere, oder?

%Vor%

Danke.

Aktualisieren

Das Team arbeitet an der Bündelung ..

Von Rob Eisenberg: "Wir sind noch nicht fertig mit unserer Bündelung. Wir arbeiten daran."

    
magician11 01.02.2015, 02:58
quelle

3 Antworten

14

Diese Frage wurde sehr früh bei sehr gestellt, aber wir haben jetzt eine Strategie, die mit jspm und system.js loader zum Bündeln funktioniert. Als Hinweis ist es nicht so, dass das Framework langsam ist, es ist, dass das Laden von Assets aufgrund der hohen Anzahl von Anfragen eine Weile dauerte (und dass du wahrscheinlich gzip nicht aktiviert hast)

Ich habe das aus meinem Blogpost zum Thema kopiert - Ссылка

Anforderungen

  1. Verstehen Sie, dass ein Befehl jspm Bundle verwendet wird system.js , unseren Modullader, wissen, dass das Bundle geladen werden muss

  2. Versteht, dass dies nur für die JavaScript-Dateien gilt (vorerst)

Erstellen Sie ein neues Bündel

  1. Öffnen Sie Ihr Terminal und navigieren Sie zum Ordner skeleton-navigation .
  2. Öffnen Sie Ihre config.js in Ihrem Texteditor

  3. Führen Sie diesen Befehl aus -

    %Vor%

Aufschlüsselung

%Vor%

Zusätzliche Hinweise zur Bündelung

  1. Wenn Sie in der Produktion dienen, können Sie in Ihrer config.js unter baseUrl nachschauen so
  2. Um Dateien einzeln zu entbündeln und bereitzustellen, verwenden Sie jspm unbundle
  3. Da wir den Modifikator --inject verwendet haben, sollte system.js unser Paket übernehmen und es bereitstellen, ohne unseren Skriptpfad in index.html
    4. zu ändern
  4. Sie können weitere Dateien hinzufügen, indem Sie im Bündelbereich
    5. + {filename} verwenden
PW Kad 09.04.2015 00:57
quelle
9

Aktualisierung 2016

Das offizielle Toolkit zur Bündelung von Aurelia-Anwendungen kann über npm mit npm install --save-dev aurelia-bundler installiert werden.

Nach der Installation können Sie eine Schlucktask für die Behandlung des Bündel- / Entbündelungsprozesses einrichten. Ein einfaches Beispiel für eine Aufgabe sieht folgendermaßen aus:

build / tasks / bundle.js

%Vor%

Ich habe einen ausführlicheren Artikel hier geschrieben: Ссылка

Die offizielle Dokumentation finden Sie hier: Ссылка

    
Matthew James Davis 29.01.2016 16:29
quelle
4

Es gibt ein GitHub-Repository mit einer r.js-Bündelungsstrategie für den Aurelia AMD-Target-Build sowie Beispielprojekten für die Verwendung des Bundles in Visual Studio mit TypeScript (einschließlich einer Typdefinitionsdatei aurelia.d.ts) .

Die Verwendung dieser Strategie sollte die Ladezeit drastisch reduzieren, da eine Datei statt vieler Dateien geladen wird.

    
Mike Graham 08.02.2015 10:27
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Wie bekomme ich Antwort-Header, wenn ich Alamofire in Swift verwende?