Gibt es eine Möglichkeit, Winkel 2 ohne Modullader zu verwenden?

Question

Der Quickstart-Abschnitt auf der angular 2 official site beschreibt, wie die einfachste Anwendung von Winkel 2 ausgeführt wird. Standardmäßig wird SystemJS als Modullader verwendet. Es gibt auch eine Notiz, die besagt, dass es Alternativen gibt, die gut funktionieren. Ich verstehe die Vorteile von Modulladern, aber gibt es eine Möglichkeit, angular 2 app ohne irgendeinen Modullader zu betreiben?

Wenn ich einfach SystemJS Konfiguration und SystemJS Quelle Script-Tag löschen, bekomme ich einen Fehler in der Konsole in angular2.dev.js Datei:

Uncaught ReferenceError: System is not defined 

Es ist wie Winkel 2 sieht sich SystemJS verwendet. Gibt es also eine Möglichkeit, angular 2 ohne Modullader zu verwenden?

Answer 1

Ja, Sie können einfaches ES5-Javascript verwenden. Versuchen Sie this simple example.

Auch können Sie die oficial javascript 5 min quickstart versuchen, wo sie ein Beispiel schaffen bedenkt, dass „ES5 kein JavaScript ein natives Modul-System. Es gibt mehrere populäre 3rd-Party-Modulsysteme, die wir nutzen könnten. Stattdessen Einfachheit und Kommissionierung zu vermeiden Favoriten erstellen wir einen einzelnen globalen Namespace für unsere Anwendung. "

Dieser einzelne globale Namespace (und das Laden der korrekten Skripte, die im Tutorial beschrieben werden (angular2-all.umd.js, etc.)) ist eine der Möglichkeiten, ohne einen Modullader zu laufen.

Diese Struktur funktioniert auch mit Typescript oder ES6. Sie müssen nur Ihren bevorzugten transpiler (Babel, Traceur, usw.) hinzufügen, um Ihren Code zu ES5 zu kompilieren und ihn mit dem Rest des Codes aus dem Tutorial zu verwenden, aber ich nehme an, Sie haben das bereits ausgeführt.

Answer 2

Gemäß this blogpost können Sie mit dem TypeScript-Compiler die Importe durchsuchen und bündeln. Das fragliche Merkmal ist Concatenate AMD and System modules with --outFile. Ich habe das nicht getestet. Technisch ist SystemJS immer noch ein Modullader, aber es sollte standardisiert werden.