如何在 ember cli 应用程序中使用速度答案

【问题标题】：How to use pace with ember cli application如何在 ember cli 应用程序中使用速度
【发布时间】：2015-04-07 19:19:36
【问题描述】：

我正在尝试在异步加载模型时使用速度显示动画

我使用 bower 安装它并导入 js 和 css 文件。

app.import('bower_components/pace/pace.js');

然后我创建了一个加载路线

//app/routes/loading.js
var LoadingRoute = Ember.Route.extend({
  activate: function() {
    this._super();
    return Pace.restart();
  },
  deactivate: function() {
    this._super();
    return Pace.stop();
  }
});

但是在应用程序加载时它说 Pace 没有定义。不应该 ember-cli 将 Pace 设置为全局变量。我错过了什么。在您的 ember cli 项目中集成速度的正确方法是什么？

【问题讨论】：

你需要导入它，就像在路由中一样。
如何导入包名。我尝试使用速度不起作用
等一下，它只是给你警告（JSHint）还是你根本不能使用 Pace？
@ptwo：嗨，那个速度插件对你有用吗？？
@mohan.gade 是的

标签： javascript ember.js ember-cli

【解决方案1】：

来自ember-cli doc：

注意：不要忘记通过在模块中添加 /* 全局 MY_GLOBAL */ 或在 .jshintrc 文件的 predefs 部分中定义它来让 JSHint 满意

在 brocfile 中包含该文件后，重新启动服务器并配置 jshint 以忽略 Pace 全局，以确保 Pace 在您的路由中加载 console.log(Pace);，它应该为您提供 Pace 对象。

【讨论】：

需要注意的是，在定义 Pace 等其他包之前，您必须先定义文档/窗口 un predefs。