Ember Cli - Transpiling dipendenza ES6 del fornitore in ember-cli-build?

Question

Sto scrivendo un'applicazione Ember.js utilizzando Ember Cli e desidero includere una dipendenza non bower, in pratica una dipendenza dalla mia cartella vendor.

Le informazioni su quanto mi sta dicendo di aggiungere la seguente riga nel mio ember-cli-build.js lima:

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

Sarebbe lavorare bene con un normale ES5 dipendenza al gusto, ma cosa succede se voglio aggiungere una dipendenza scritta in ES6?

In questo momento è solo trasporta al browser intatto, che produce un errore del tipo:

Uncaught SyntaxError: Unexpected reserved word 

perché il mio ES6 aromatizzato dipendenza utilizza la seguente sintassi:

import Util from './util 

Sto indovinando che Devo dire a ember-cli-build di traspolare questa particolare dipendenza prima di trasmetterla al browser, ma come faccio a farlo?

Grazie

Answer 1

Stai attualmente includono Babel all'interno del progetto? Avrei pensato di controllare la directory del fornitore come fa tutto il resto e convertire il codice ES6 in ES5.

L'altra opzione sarebbe quella di convertire manualmente il file in ES5 manualmente ogni volta che è necessario includere un file del fornitore con sintassi ES6. Non necessariamente ideale, ma se si tratta di un file statico, è qualcosa che dovrai fare una volta e poi dimenticare.

Answer 2

Per la conversione delle dipendenze importate è necessario eseguire i file importati tramite l'addon broccoli broccoli-babel-transpiler. Per un esempio di base, controlla questo file: https://github.com/thefrontside/ember-impagination/blob/2fa38d26ef1b27a3db7df109faa872db243e5e4c/index.js. È possibile adattare questo addon a un in-repo addon per il proprio progetto. Vedere questo collegamento per la discussione in background e @rwjblue e @cowboyd sulla correzione effettiva: https://github.com/ember-cli/ember-cli/issues/2949