Ember外部jsとグローバル

Question

私のEmberアプリケーションでは、money.js外部libを追加しようとしています。私はそれをバウアーでインストールし、ember-cli-build.jsにapp.import('bower_components/money.js/money.js');を追加することで成功しました。

money.jsは、私のアプリ全体で利用可能なグローバル変数fxを定義します。

components/purchase-form.js: line 41, col 29, 'fx' is not defined.

Ember docs状態：：のようなアプリケーションを構築しながら、しかし、私は多くのJSHintエラーを受け取る

を一般的には、アプリケーションオブジェクトは、唯一のグローバル変数です。アプリケーション内の のすべてのクラスは、 Ember.Applicationインスタンスのプロパティである必要があります。最初の役割はグローバル 名前空間です。

私はちょうどjsHintのエラーを回避するには、グローバル

Answer 1

を挙げることができますあなたはjsHintを幸せにする可能性があります：

1. /* global fx */ファイルごとのグローバルにアクセスする前に
2. のセクションに.jshintrcのセクションを追加すると、@ kumkanillamは答えました。

グローバルとして依存関係にアクセスしたくない場合は、それをシムにすることができます。 Ember-cliはベンダーシム・ジェネレータを提供しています。ember generate vendor-shim money.jsその後、importをモジュール内で使用できます。

このトピックは、ember-cli docsで詳しく説明されています。

Answer 2

とともにLIBのこの種をインポートする適切な方法は何か不思議に思うあなたapp.import Aの場合は、fxグローバル変数

{ 
    "predef": [ 
    "document", 
    "window", 
    "-Promise", 
    "fx" 
    ] 
}