導入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-browserify（ https://github.com/ef4/ember-browserify ），在您的項目內部，您可以簡單地執行

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