In diesem Artikel wird die Verwendung der npm-Paketfunktion bei der Entwicklung von WeChat-Miniprogrammen vorgestellt, wodurch die Entwicklungseffizienz von WeChat-Miniprogrammen erheblich verbessert wird. Es handelt sich auch um ein Update der Videoversion der Tutorials der WeChat-Miniprogrammreihe. [Verwandte Lernempfehlungen: Mini-Programmentwicklungs-Tutorial]
Das WeChat Mini-Programm unterstützte npm bei seiner ersten Veröffentlichung nicht. Dies ist auch, was viele Front-End-Entwickler derzeit am WeChat Mini-Programm kritisieren, nachdem sie sich mit der ökologischen Umgebung von npm vertraut gemacht haben . .
Das WeChat-Miniprogramm hat nach Version 2.2.1 Unterstützung für das Laden von npm-Paketen hinzugefügt, sodass das Miniprogramm die Verwendung von npm zum Installieren von Paketen von Drittanbietern unterstützt.
Die Funktionsaktualisierungen des WeChat-Miniprogramms wurden kürzlich aktualisiert und sind sehr leistungsstark. Ich habe Ihnen beispielsweise die neue Funktion „Cloud-Entwicklung“ der WeChat-Miniprogramm-Entwicklungsplattform vorgestellt, damit Sie schnell loslegen und sie erleben können.
Laden Sie das npm-Paket im Miniprogramm.
Das WeChat-Miniprogramm verwendet das offizielle Dokument zum Laden des npm-Pakets. In diesem praktischen Teil laden wir einen npm-Drittanbieter-Bibliotheks-Miniprogramm-Datepicker Die Bibliothek wird zur Implementierung des gregorianischen Kalenders verwendet. Im Gegensatz zur Datumsauswahlfunktion des Mondkalenders kann die offizielle Komponente des WeChat-Applets lediglich eine gregorianische Kalenderzeit auswählen.
Suchen Sie den Projektordner des WeChat-Applets im Terminal und installieren Sie es über den npm-Installationsbefehl.
Stellen Sie sicher, dass Sie hier die Option –Produktion verwenden. Dadurch kann die Installation einiger nicht geschäftlicher NPM-Pakete reduziert und dadurch die Größe des gesamten kleinen Programmpakets verringert werden.
Npm-Paket erstellen
Klicken Sie auf den Befehl „Npm erstellen“ im Menü „Extras“ des WeChat-Miniprogrammentwicklungstools, um das npm-Paket in ein ladbares und verwendetes Miniprogramm zu erstellen. Tasche.
Um allen die verschiedenen Anforderungen beim Veröffentlichen von NPM-Paketen besser zu verstehen, finden Sie hier eine kurze Einführung in die Prinzipien:
Zunächst ist das Verzeichnis node_modules nicht an der Kompilierung, dem Hochladen und Verpacken beteiligt, also an kleinen Programmen Wer NPM-Pakete verwenden möchte, muss Nach dem Durchlaufen des Prozesses „Erstellen von NPM“ wird ein Miniprogram_npm-Verzeichnis unter dem Verzeichnis auf derselben Ebene wie die äußersten Knotenmodule generiert, in dem das erstellte und gepackte NPM-Paket gespeichert wird, bei dem es sich eigentlich um das NPM-Paket handelt Wird vom Miniprogramm verwendet.
Building und Packing sind in zwei Typen unterteilt: Das Mini-Programm-NPM-Paket kopiert alle Dateien im Build-Datei-Generierungsverzeichnis direkt nach Miniprogram_npm. Andere NPM-Pakete durchlaufen den Abhängigkeitsanalyse- und Packprozess, beginnend mit der Eintrags-JS-Datei ( ähnlich wie Webpack).
Der Prozess zum Finden von NPM-Paketen ähnelt der Implementierung von NPM. Beginnen Sie in dem Verzeichnis, in dem sich die Dateien befinden, die von NPM-Paketen abhängen, und suchen Sie Schicht für Schicht, bis Sie ein verfügbares NPM-Paket oder das Stammverzeichnis des Applets finden.
Nachdem der Build abgeschlossen ist, müssen Sie bestätigen, dass das Projekt „Npm-Modul verwenden“ aktiviert hat.
Verwendung von Modulen von Drittanbietern im Projekt
In unserem vorherigen tatsächlichen Projekt haben wir das Laden dieses npm-Moduls auf der Homepage getestet.
Nachdem Sie den Datepicker auf der Seite angeordnet, die Kompilierung des Projekts gespeichert und abgeschlossen haben, klicken Sie auf die Schaltfläche, um den Ladestatus der Komponente anzuzeigen.
Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Einführung in die Programmierung! !
Das obige ist der detaillierte Inhalt vonWie entwickle ich ein WeChat-Applet und lade das NPM-Paket? Methodeneinführung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
