javascript - 如何将pace与ember cli应用程序一起使用

Question

我正在尝试使用pace来显示动画，同时模型异步加载

我使用 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 设置为全局变量。我缺少什么。将pace整合到ember cli项目中的正确方法是什么？

Answer 1

来自ember-cli doc :

Note: Don’t forget to make JSHint happy by adding a /* global MY_GLOBAL */ to your module, or by defining it within the predefs section of your .jshintrc file

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