Ember Cli - Transpiling Hersteller ES6 Abhängigkeit in Ember-Cli-Build?

Question

Ich schreibe eine Ember.js-Anwendung mit Ember Cli, und ich möchte eine Non-Bower-Abhängigkeit enthalten - im Grunde eine Abhängigkeit von meinem Ordner vendor.

Die Anweisungen auf dem Tun so sagt mir, die folgende Zeile in meine ember-cli-build.js Datei hinzufügen: mit einem normalen ES5 aromatisiert Abhängigkeit,

app.import('vendor/dependency-to-include.js'); 

das würde funktionieren gut, aber was ist, wenn ich geschrieben, um eine Abhängigkeit hinzufügen möchten in ES6?

Im Moment liefert sie es nur an den Browser unberührt, die wie ein Fehler auftritt:

Uncaught SyntaxError: Unexpected reserved word 

weil mein ES6 aromatisiert Abhängigkeit verwendet die folgende Syntax:

import Util from './util 

Ich vermute, dass Ich muss ember-cli-build mitteilen, dass diese spezielle Abhängigkeit übertragen werden soll, bevor ich sie an den Browser weitergebe, aber wie mache ich das?

Dank

Answer 1

Sind Sie derzeit in Ihrem Projekt einschließlich Babel? Ich hätte gedacht, dass es Ihr Lieferantenverzeichnis genauso überprüft wie alles andere und konvertiert den ES6-Code in ES5.

Die andere Option wäre, die Datei einfach manuell in ES5 zu konvertieren, wenn Sie eine Herstellerdatei mit ES6-Syntax benötigen. Nicht unbedingt ideal, aber wenn es sich um eine statische Datei handelt, müssen Sie es einmal tun und dann vergessen.

Answer 2

Um importierte Abhängigkeiten zu transpilieren, müssen Sie die importierten Dateien über das Brokkoli-Addon broccoli-babel-transpiler ausführen. Für ein grundlegendes Beispiel, checken Sie diese Datei: https://github.com/thefrontside/ember-impagination/blob/2fa38d26ef1b27a3db7df109faa872db243e5e4c/index.js. Sie können dieses Addon an ein in-repo addon für Ihr Projekt anpassen. Siehe diesen Link für die Hintergrunddiskussion und @rwjblue und @cowboyd auf der tatsächlichen Korrektur: https://github.com/ember-cli/ember-cli/issues/2949