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

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

本文关键字：Ember 一起 js JS 外部 Ember-CLI 何通过 jStorage 其他      更新时间：2023-09-26

我在一个HTML文件中有一个小的Ember-App，一切都很好，但是由于它变得很大，我开始将其移植到Ember-CLI。大多数东西都可以很好地移植，但我仍在努力添加 JStorage：

https://github.com/andris9/jStorage

我不太确定如何开始，因为它是一个普通的 JS 库，我通常会在使用它之前将其放入代码的某个地方。现在有了所有的模块，我完全不知道从哪里开始寻找如何做到这一点。

谁能指出我如何使用这样的 JS 库的正确方向？

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

这是我以前使用它的方式：

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

好吧，在我耳朵冒出大量烟雾后，我让它工作了：

  1. 添加 json2

    $ bower install --save json2

    这不能开箱即用，因为存储库中没有标记。编辑 bower.js 文件以将版本设置为"master"。然后它起作用了。

  2. 添加 j存储

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

相关文章：