Verwenden von SystemJS / jspm zum Laden von async, es5-Modulen in der Produktion

Ich möchte Abhängigkeiten mit System.import() asynchron laden können, ohne ES6 während der Produktionslaufzeit auf ES5 umstellen zu müssen. Ich möchte, dass diese Module in separate ES5-Module transpiliert werden, die nur bei Bedarf abgerufen werden. Ich möchte nicht, dass sie Teil des Hauptbündels sind.

Dev-Workflow

Die Module werden während meiner Produktion tatsächlich geladen, was eigentlich besorgniserregend ist, da ich keine Abhängigkeiten enthalten möchte, die eine Übertragung ermöglichen.

Ich habe einen Workflow, in dem ich jspm bundle und jspm unbundle verwende, um zwischen Entwicklungs- und Produktionskonfigurationen zu wechseln. In meiner Entwicklungsumgebung schließe ich die folgenden Skripts ein:

Produktions-Workflow

In der Produktion verwende ich jspm bundle --inject , um die Option bundles in System.config einzufügen. Dies lädt effektiv nur die notwendigen Dateien:

Wenn ich versuche, ein Modul während der Produktion asynchron mit System.import() zu laden, wird es geladen, was bedeutet, dass während der Produktion eine Transpilierung im Browser stattfindet.

Fragen

1. Ich kann jedes meiner Module problemlos in AMD einbauen, aber wie kann ich es trotzdem machen asynchron und separat holen Sie sie mit System.import() ?

2. Ich möchte auch sicherstellen, dass so wenig Browser-Overhead wie benötigt wird möglich, das heißt, keine Skripte, die ausführen Transpilation. Gibt es eine Möglichkeit, system.js einzuschließen, die das nicht tut? Haben Sie transpile Fähigkeiten?