So verwenden Sie NPM-Pakete in Miniprogrammen

Der Inhalt dieses Artikels befasst sich mit der Verwendung von NPM-Paketen in kleinen Programmen. Freunde in Not können darauf verweisen.

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.

1. Laden Sie das npm-Paket in das Miniprogramm

npm install miniprogram-datepicker --production

node_modules kann sich im Stammverzeichnis des Miniprogramms oder in verschiedenen Unterverzeichnissen unter dem Stammverzeichnis des befinden Miniprogramm Mitte. Es darf sich jedoch nicht außerhalb des Stammverzeichnisses des Miniprogramms befinden. Mit der Option --produktion können Sie die Installation einiger npm-Pakete, die nichts mit dem Geschäft zu tun haben, reduzieren und so die Größe des gesamten kleinen Programmpakets reduzieren.

2. Erstellen Sie das npm-Paket

Klicken Sie auf den Befehl „Build npm“ im Menü „Tools“ des WeChat-Applet-Entwicklungstools, um das npm-Paket zu erstellen Build NPM-Pakete können in Pakete eingebaut werden, die geladen und in kleinen Programmen verwendet werden können.

Das Verzeichnis node_modules ist nicht am Kompilieren, Hochladen und Packen beteiligt. Wenn das Applet also das npm-Paket verwenden möchte, muss es den Prozess „npm erstellen“ durchlaufen und ein Verzeichnis wird im erstellt Verzeichnis auf derselben Ebene der äußersten node_modules Das Verzeichnis miniprogram_npm speichert das erstellte und gepackte npm-Paket, bei dem es sich um das npm-Paket handelt, das tatsächlich vom Miniprogramm verwendet wird.

Das Erstellen und Packen ist in zwei Typen unterteilt: Das Mini-Programm-NPM-Paket kopiert alle Dateien im Build-Datei-Generierungsverzeichnis direkt nach Miniprogram_NPM. Andere NPM-Pakete durchlaufen ab dem Eintrag 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 finden des Applets.

Nachdem der Build abgeschlossen ist, müssen Sie bestätigen, dass das Projekt „Npm-Modul verwenden“ aktiviert hat.

3. Verwenden Sie das npm-Paket

js, um das npm-Paket einzuführen:

const package = require('packageName')

Verwenden Sie die benutzerdefinierte Komponente im npm-Paket:

{
    "usingComponents": {
      "datepicker": "miniprogram-datepicker"
    }
}

miniprogram-datepicker Component Running Effect

Andere: WeChat Mini-Programm NPM-Supportdokumentation: https://developers.weixin.qq...

Das obige ist der detaillierte Inhalt vonSo verwenden Sie NPM-Pakete in Miniprogrammen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!