ember.js - Ember 外部 js 和全局

Question

在我的 Ember 应用程序中，我正在尝试添加money.js外部库。我通过使用 bower 安装它然后添加app.import('bower_components/money.js/money.js');到我的ember-cli-build.js成功地实现了这一点。

money.js 定义了一个全局变量fx，它在我的应用程序中可用。但是，我在构建应用程序时收到了许多 JSHint 错误，例如：

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

Ember 文档指出：

通常，应用程序对象是唯一的全局变量。应用程序中的所有其他类都应该是 Ember.Application 实例的属性，这突出了它的第一个角色：全局命名空间。

我只是想知道导入这种库及其全局库的正确方法是什么

Answer 1

如果你app.import是一个全球化的人，你必须有可能让 jsHint 高兴：

1. /* global fx */在访问全局每个文件之前添加。
2. 将其添加到@kumkanillam 在他的回答中提到的predefs部分。.jshintrc

如果您不喜欢以全局方式访问依赖项，则可以对其进行填充。Ember-cli 提供了一个 vendor-shim 生成器：ember generate vendor-shim money.js之后你可以import在你的模块中使用。

该主题在ember-cli docs中有详细记录。

Answer 2

为避免 jsHint 错误，您可以提及fx全局变量

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