Wie kann WebPack externe jQuery- und jQuery-Bibliotheken laden? - jquery, jquery-plugins, Frontend, Webpack

Ich arbeite an einem Projekt, das auf einer Frontend-Vorlage mit Bootstrap basiert.

In meinem Projekt müssen also jQuery, jQuery UI und Bootstrap sowie andere jQuery-Plugins auf allen Seiten geladen werden.

Ich bin neu bei WebPack und habe auch viel recherchiert, um jQuery global durch webpack.config.js verfügbar zu machen.

Aber ich bin auch verwirrend, wie man die anderen jQuery-Plugins wie bootstrap so macht, dass sie global als jQuery verfügbar gemacht werden.

Da dieser Code $ zu jQuery macht und global arbeitet (wenn in den Eingabedateien versucht wurde, $ zu verwenden, wird jQuery automatisch in die Eingabedatei aufgenommen).

Wie kann ich andere jQuery-Plugins hinzufügen, die wie jQuery fungieren? (wird automatisch eingefügt, wenn der Eintrag $ verwendet)

Wie ich jQuery verfügbar gemacht habe, ist das Erstellen eines Bereitstellungsplugs:

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

Antworten:

Sie können die js-Datei mit allen erforderlichen Abhängigkeiten definieren, die einfach jQuery zurückgeben. Etwas wie das:

var jquery = require("./jquery.js");
require("./jquery.plugin1.js");
require("./jquery.plugin2.js");

module.exports = jquery;

Jetzt können Sie dieses Modul anstelle von "jquery" verwenden und alle darin definierten Plugins werden verfügbar sein.