导入NPM安装的库以在Ember.js中使用

Question

在我的组件中，我有

  didInsertElement: function() {

    $('#' + this.idVal).tokenfield({
      autocomplete: {
        source: ['red','blue','green','yellow','violet','brown','purple','black','white'],
        delay: 100,
        minLength: 1,
      },
      showAutocompleteOnFocus: true
    });

我正在尝试使用npm包https://www.npmjs.com/package/bootstrap-tokenfield。

然而，我注意到$().tokenfield()是未定义的，这意味着我没有正确地导入它。我尝试将它添加到ember-cli-build.js中，但我注意到它可能在jquery之前导入了bootstrap-tokenfield，这会导致问题。( ember.build.js是否会在任何依赖项之前导入这些文件？)

如果我试图在npm install中使用bootstrap-tokenfield，我是否应该以某种方式在组件中导入它？

我使用的是Ember 2.1.0。

Answer 1

如果你想把npm包导入到ember客户端代码中，你可以使用ember-browserify (https://github.com/ef4/ember-browserify)，在你的项目中，你可以简单地这样做

import MyCoolModule from "npm:my-cool-module";