如何使用webpack添加jquery插件？

Question

我在我的Web应用程序中使用的是角度为2的webpack，所以我需要在应用程序中添加一个jquery滑块，因此我为此使用了一个jquery插件。

我的jquery webpack配置是

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

以上ProvidePlugin将$和jQuery提供给了我的整个应用程序，但是我还需要将jquery插件导入到我的应用程序中

Answer 1

通常，jQuery插件会在需要的地方导入，而不是全局导入。

例如：

import 'jquery.waterwheelCarousel.min.js';

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

如果您想使其在全球范围内可用，请查看https://webpack.github.io/docs/configuration.html#entry

Answer 2

在main.ts中包括

import 'jquery';

一旦。

然后在webpack配置中

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