Ember Cli - ember-cli-buildにおけるトランスポートベンダーのES6依存関係

Question

私はEmber Cliを使用してEmber.jsアプリケーションを作成していますが、私はvendorフォルダからの依存関係ではなく、基本的に依存関係を含めたいと考えています。

そうすることの指示が私のember-cli-build.jsファイルに次の行を追加するために私に言っている：

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

通常ES5風味依存して正常に動作しますが、どのような場合、私は書かれた依存関係を追加しますES6で？私はあることを推測している

import Util from './util 

：私のES6風味の依存性は、次の構文を使用しているため

Uncaught SyntaxError: Unexpected reserved word 

：

今、それは同じようにエラーが発生し手つかずのブラウザ、に配信します私はember-cli-buildにこの特定の依存関係をブラウザに渡す前に伝える必要がありますが、どうやってそれをやりますか？

Answer 1

あなたは現在、プロジェクト内のBabel含めています

のおかげ？私はベンダーのディレクトリを他のものと同じようにチェックし、ES6コードをES5に変換すると考えていたでしょう。

もう1つの選択肢は、ES6構文のベンダーファイルを含める必要がある場合はいつでもファイルをES5に手動で変換することです。必ずしも理想的ではありませんが、静的なファイルの場合は、一度やり直してから忘れてしまいたいことです。

Answer 2

インポートされた依存関係を翻訳するには、インポートしたファイルをブロッコリーのアドオンbroccoli-babel-transpilerで実行する必要があります。基本的な例として、このファイルをチェックアウトしてください：https://github.com/thefrontside/ember-impagination/blob/2fa38d26ef1b27a3db7df109faa872db243e5e4c/index.js。あなたのプロジェクトのためにこのアドオンをin-repo addonに適応させることができます。 バックグラウンドの説明と、実際の修正に関する@rwjblueと@cowboydを参照してください。