jQuery in Webpack benutzen

Falls ihr auch die Fehlermeldung $ is not a function angezeigt bekommt.

    Inhaltsangabe
  1. Das Problem
  2. Die Lösung

Das Problem

Ich hatte heute das Problem, dass ich versucht habe, JQuery in mein Projekt einzubinden, wo ich Webpack verwende. Als erstes habe ich es mit dem Tutorial von der offiziellen Webpack Dokumentation versucht, jedoch bekam ich immernoch die Meldung $ is not a function.

Die Lösung

Als erstes installierst du JQuery mit dem node package manager:

npm i jquery

Als nächstes definierst du die Variable Webpack in deiner Webpack webpack.conf Datei:

var webpack = require("webpack");

Danach kannst du die jQuery Variablen in deiner Plugins Konfiguration einstellen:

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

Themen

jQuery Technik Webpack

Beitrag teilen

WhatsAppen

Folgen Sie uns