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

Question

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

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

• Выполнить: npm install selectize --save из терминала.
• Перешел на index.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 работать, нужно ли что-то делать, чтобы эта библиотека работала? Если да, то что я пропустил?

Answer 1

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

import jquery from "jquery";

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

Answer 2

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

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