Как добавить внешнюю библиотеку JavaScript в Webpack?

Question

Как добавить внешнюю библиотеку JavaScript в Webpack?

1

Я хочу добавить (https://selectize.github.io/selectize.js/) в мое приложение Rails Webpack.

Я сделал следующее:

Run: npm install selectize --save из терминала.
Прошел к моему индексу pack.js и импортировал его с помощью: import 'selectize/dist/js/selectize';

И когда я открываю скомпилированные application.js, я могу искать "selectize" - но когда я пробую это в своем javascript (или через консоль):

$('#list').selectize({ delimiter: ',' });

Это говорит мне, что Uncaught TypeError: $(...).selectize is not a function.

Я знаю, что мне пришлось добавить некоторые вещи в config/webpack/environment.js, чтобы заставить jQuery работать, нужно ли мне что-то сделать, чтобы эта библиотека работала? Если да, то что я пропустил?

Ash 23 окт. 2018, в 07:16

Источник

Теги:

javascript

webpack

selectize.js

2 ответа

Ещё вопросы

Asif vora · Answer 1 · 2018-10-23T04-43-00.000Z

npm я jquery и вы можете импортировать и попробовать с этой надеждой эту помощь для u.

import jquery from "jquery";

new webpack.ProvidePlugin({
  $: jquery,
  jQuery: jquery
});

R.Sarkar · Answer 2 · 2018-10-23T04-20-00.000Z

автоматически использовать jquery как плагин в webpack. Здесь вы найдете документацию. вы должны внести некоторые изменения в файл webpack.config.js.

plugins: [
new webpack.ProvidePlugin({$: 'jquery',jQuery: 'jquery'})]