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 jqueryAls 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')
}),
],