如何通过 Ember-CLI 将 jStorage(或其他外部 JS 库)与 Ember.js 一起使用

How can I use jStorage (or other external JS libs) with Ember.js via Ember-CLI

我在一个 HTML 文件中有一个小的 Ember-App,一切正常,但由于它变得很大,我开始将它移植到 Ember -CLI。大多数事情都可以正常移植,但我仍在努力添加 JStorage:

https://github.com/andris9/jStorage

我不太确定如何开始,因为它是一个普通的 JS Lib,我通常会在使用它之前在某处放入代码。现在有了所有的模块,我完全不知道从哪里开始寻找如何去做。

任何人都可以指出正确的方向如何使用这样的 JS 库吗?

我找到了一些围绕它的主题,但没有找到任何工作路径。

这是我之前的使用方式:

App.Something = Ember.Object.extend({
  init: function() {
    var stored = $.jStorage.get('something');
    ...
  }
});

好吧,在我的耳朵里冒出很多烟之后,我开始工作了:

  1. 添加 json2

    $ bower install --save json2

    开箱即用,因为回购中没有标签。 编辑 bower.js 文件以将版本设置为 "master"。然后就可以了

  2. 添加 jStorage

    $ bower install --save jstorage

  3. 安装依赖项(不确定是否需要,但我做到了)

    $ ember install:bower

    然后文件在文件夹 bower_components 中可用,git 和显然我的编辑器 (atom.io) 也忽略了它。

  4. 像这样导入Brockfile.js中的文件

    ... app.import('bower_components/json2/json2.js'); app.import('bower_components/jstorage/jstorage.js'); module.exports = app.toTree();

  5. 使用它,在 $ 前加上 Ember 不会扰乱 JSHint(没有它也可以工作)

    ... var stored = Ember.$.jStorage.get(id); ...