如何使用webpack添加jquery插件?

时间:2016-09-22 11:03:56

标签: jquery angular webpack

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

我的jquery的webpack配置是

prime_counter = 0  
number = 3  

while(prime_counter < 999):
    divisor = 2
    divcounter = 0
    while(divisor < number):
        if(number%divisor == 0):
            divcounter = 1  
        divisor += 1
    if(divcounter == 0):
        prime_counter+=1
    if(prime_counter == 999):
        print '1000th prime number: ', number
    number+=2

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

2 个答案:

答案 0 :(得分:0)

通常情况下,jQuery插件会在需要时导入,而不是全局导入。

例如:

import 'jquery.waterwheelCarousel.min.js';

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

如果您想让它全球化,请查看https://webpack.github.io/docs/configuration.html#entry

答案 1 :(得分:-1)

main.ts中的

包括

import 'jquery';

一次。

然后在webpack配置

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