Externe Bibliotheken laden von CDN mit Winkel-cli

Ich würde gerne verwenden Sie die Winkel-cli, um eine app zu erstellen, die bundles, die meine app-code, jedoch nicht die Angular2-Frameworks oder andere große externe JavaScript-Bibliotheken, die in der gebündelten code. Ich würde gerne laden Sie diese Bibliotheken von einem CDN aus, wenn die Seite geladen wird. Gibt es eine Möglichkeit, dies zu tun?

Außerdem ist es eine Möglichkeit, dies unter Beibehaltung der Vorteile eines lokalen bauen, wo nur die Teile der Angular2 Rahmen, ich bin mit geladen wird?

Ich sah diese Frage, aber es war für SystemJS und ich glaube nicht, dass es gilt für die Winkel-cli: Gewusst wie: laden Sie angular2 mit CDN und SystemJS

  • Hi Chris - ich Frage mich, ob die unten Antwort hatte Ihnen geholfen? Wenn ja, würdest du bitte in der Lage sein, um Sie zu markieren als eine akzeptierte Antwort und die Vergabe der Prämie. Diese erhalten Sie repo-Punkte und die Hilfe, die andere in die Zukunft.
  • Das ist so traurig, dass im Jahr 2017, wir reden über die Verwendung von CDN für die bekanntesten google-javascript-framework. Und wir haben nicht einmal eine Antwort für Sie. Das ist einfach nur traurig.
  • Die bounty war von mir. Ich erhielt es die Antwort, dass beantwortet die eigentliche Frage am besten. Die anderen Antworten sind auch Super aber nicht ganz bis zu dem Punkt laden von externen Bibliotheken aus CDN
  • es sieht aus wie im Jahr 2017 brauchen wir nicht zu zählen die Gesamtheit der Bibliotheken/frameworks mehr. Stattdessen werden unsere Werkzeuge extrahieren unsere eigene benutzerdefinierte Teilmengen von Ihnen automatisch. Scheint mehr rad als traurig zu mir.
InformationsquelleAutor Chris | 2017-01-17
  1. 12

    Müssen Sie einfach fügen Sie die entsprechenden <script src=""> tags verweisen auf das CDN um die index.html - Datei.
    Denken Sie daran, um die zu entfernen .js-Dateien aus angular-cli.json so dass Sie nicht bekommen, zusammen mit der app.

    Derzeit, Sie kann das nicht tun, dass für den Winkel-2 js-Dateien selbst, Sie werden automatisch gebündelt, die mit Ihrer app. Obwohl die neuesten updates aktivieren Sie den web-Server und Browser cache, um die vendor-Dateien, so dass Sie nicht bekommen, redownloaded auf jeden visist an Ihrer app aber nur, wenn sich der hash ändert.

    • Gibt es eine Möglichkeit, um die Art von Informationen? Ich habe zum Beispiel jQuery Arten in devDependencies, aber ich konnte nicht einen Weg finden, um "import" und noch ng bauen (mit aot) zu jammern. was bin ich? 🙂
    • Sie sollten wahrscheinlich declare es in einer TS-Datei als Globale variable nutzen zu können, die es ohne compiler beschweren.
    • das funktioniert nicht mit ng serve dude, da ng dienen, nicht mit Ihr index.html Datei
    InformationsquelleAutor Alexander Ciesielski
  2. 8

    Beim erstellen einer Anwendung mit Angular, version 2 oder höher, verwendet ein build-system, dass nur die Teile des Winkel-Plattform, die Sie verwenden. Vorlagen kompiliert werden kann, zur build-Zeit, so dass der build-Prozess zum entfernen der template-compiler von Ihr gebündelt Nutzlast. Schließlich ist der build-Prozess wird Baum-schütteln mit Hilfe der statischen Analyse von code, die weiter entfernt von der Nutzlast bundle nicht verwendete Bereiche der Plattform.

    Wenn du Winkel, von einem CDN, würde es brauchen, um die Spüle, die gesamte Plattform. Das wäre riesig und ein Nachteil für Ihre Anwendung.

    Sind Sie viel besser dran, so dass Winkel-cli bundle die Teile der Plattform, die Sie benötigen. Wie das WebPack treeshaking plugin verbessert das bundle Größen wird kleiner.

    • Dies ist die hilfreichste Antwort, weil es erklärt, warum Sie nicht finden können, und sollten nicht auf der Suche für die CDNs für Angular 2+
    InformationsquelleAutor Martin
  3. 4

    Ich würde hinzufügen Ihre ganze app in ein CDN wie Akamai. Zum Beispiel (je nachdem, wie Ihre app aufgebaut ist), könnten Sie cache-Dateien, wie Sie in der nachfolgenden Liste...

    • index.html
    • Listenelement
    • Anwendung.css
    • application.js
    • templates.js
    • Anbieter.css
    • vendors.js

    Diese geben würde, auch eine bessere Leistung als nur das caching der Winkel-framework-Dateien über das CDN.

    InformationsquelleAutor Ben Cameron
Schreibe einen Kommentar