es6 - web pack jquery

¿Cómo agregar plugins jquery usando webpack?

Question

Estoy usando un paquete web con angular 2 para mi aplicación web. Necesito agregar un control deslizante jquery a mi aplicación, entonces estoy usando un complemento jquery para eso.

La configuración de mi paquete web para jquery es

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

arriba ProvidePlugin da $ y jQuery a toda mi aplicación, pero necesito importar el plugin jquery también a mi aplicación

Answer 1

Normalmente, un complemento jQuery se importaría cuando sea necesario, en lugar de hacerlo de manera global.

Por ejemplo:

import ''jquery.waterwheelCarousel.min.js'';

Esto causará que se cargue el archivo del complemento y, dado que jQuery se proporciona de forma global, debería hacer que la función del complemento esté disponible en el objeto jQuery ( $("#carousel").waterwheelCarousel() )

Si desea que esté disponible globalmente, consulte https://webpack.github.io/docs/configuration.html#entry.

Answer 2

en main.ts incluyen

import ''jquery'';

una vez.

luego en la configuración del paquete web

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