Module Imports Understanding (Browserify)

I have an Ember.js application where I installed bootstrap-tokenfield with npm.

I then installed ember-browserify so I do

import BootstrapTokenfield from "npm:bootstrap-tokenfield";

to import the plugin.

How do I know what the ? in import ? from npm:bootstrap-tokenfield should be?

The way we generally use the plugin is like

$('#test').tokenfield();

Looking at the ES6 references, ? is usually a module that is used directly, but in this case it looks like it is an attribute of the selector result?

Also looking at the package.json for bootstrap-tokenfield, I don't see jquery-ui included as a dependency but is needed for autocomplete.

http://ift.tt/1NaRO5Y

What is the best practice for including jquery UI as part of the import?