如何使用webpack添加jquery插件？

我使用带有角度2的webpack用于我的web应用程序我需要在我的应用程序中添加一个jquery滑块，所以我使用的是jquery插件。

我的jquery的webpack配置是

new ProvidePlugin({ jQuery: 'jquery', $: 'jquery', jquery: 'jquery' }) 

上面的ProvidePlugin为我的应用程序提供了$和jQuery，但我还需要将jquery插件导入我的应用程序

Answer 1

在main.ts包括

 import 'jquery'; 

一旦。

然后在webpack配置中

  new ProvidePlugin({ jQuery: 'jquery', 'window.jQuery': 'jquery', $: 'jquery', 'window.$': 'jquery' }) 

Answer 2

通常，jQuery插件将在需要时导入，而不是全局导入。

例如：

 import 'jquery.waterwheelCarousel.min.js'; 

这将导致加载插件文件，并且由于jQuery是全局提供的，它应该使插件函数在jQuery对象上可用（ $("#carousel").waterwheelCarousel() ）

如果您想让它全局可用，请查看https://webpack.github.io/docs/configuration.html#entry