Unterschied zwischen angular.dev.js und angular.sfx.dev.js

Question

Kann jemand den Unterschied zwischen diesen beiden Dateien in der angular 2 Alpha-Version auf https://code.angularjs.org/2.0.0-alpha.20 erklären.

Aus dem Blick auf den Quellcode scheint es, dass in sfx.dev.js das global.System-Objekt mit den Funktionen 'importieren' und 'config' überschrieben wurde.

Answer 1

Dies wird Self-Executing bundle genannt. Schauen Sie sich this comment an. Es heißt:

Dieses Bundle führt sein Hauptmodul - angular2_sfx, wenn geladen, ohne einen entsprechenden System.import-Aufruf. Es richtet sich an ES5-Entwickler, die keine Systemlader-Polyfills (wie system.js und es6 loader) verwenden.

So brauchen Sie nicht System.js zu einem Projekt hinzuzufügen. Fügen Sie einfach folgende Zeilen zu Ihrer HTML-Seite:

<script src="https://code.angularjs.org/2.0.0-alpha.20/angular2.sfx.dev.js"></script> 
<script src="app.js"></script> 
<script> 
    document.addEventListener('DOMContentLoaded', function() { 
    angular.bootstrap(App); 
    }); 
</script> 

Hier plunker zu zeigen, wie es funktioniert.