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

Question

我在一个HTML文件中只有一个小的Ember-App，一切都运行正常，但由于它变得非常大，我开始将它移植到Ember-CLI。大多数东西都适用于端口，但我仍然在努力添加JStorage：

https://github.com/andris9/jStorage

我不确定如何以简单的JS Lib开始，我通常会在使用之前将其放入代码中。现在有了所有模块，我完全迷失了，甚至开始寻找如何去做。

有人能指出我正确的方向如何使用这样的JS Libs吗？

我发现了一些围绕它的主题，但没有达到任何工作路径。

以下是我之前使用它的方式：

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

Answer 1

好吧，经过大量的烟雾，我开始工作了：

1. 添加json2

   $ bower install --save json2

   由于repo中没有标签，因此无法开箱即用。 编辑bower.js文件以将版本设置为＆＃34; master＆＃34;。然后就行了。

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); ...