如何将外部JavaScript库添加到Webpack？

Question

我想将（https://selectize.github.io/selectize.js/添加到我的Rails Webpack应用程序中。

我已经执行以下操作：

• 从终端运行：npm install selectize --save。
• 转到我包的index.js，并用import 'selectize/dist/js/selectize';
导入它

然后，当我打开已编译的application.js时，我可以搜索“选择”-但是当我在javascript中（或通过控制台）尝试该操作时：

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

它告诉我Uncaught TypeError: $(...).selectize is not a function。

我知道我必须在config / webpack / environment.js中添加一些东西才能使jQuery工作，我是否需要做一些事情才能使该库工作？如果是这样，我错过了什么？

Answer 1

自动将jquery用作webpack中的插件。Here，您将找到文档。 您必须在webpack.config.js文件中进行一些更改。

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

Answer 2

npm i jquery，您可以导入并尝试此希望对您有帮助。

import jquery from "jquery";

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

Answer 3

以下Github问题解决了您的问题：https://github.com/selectize/selectize.js/issues/1421。这是通过Webpack导入时selectize库中断的问题。临时解决方案是手动导入库。