Comment utiliser les packages npm dans les mini-programmes

Le contenu de cet article explique comment utiliser les packages npm dans de petits programmes. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Le mini-programme WeChat a ajouté la prise en charge du chargement des packages npm après la version 2.2.1, de sorte que le mini-programme prend en charge l'utilisation de npm pour installer des packages tiers.

1. Chargez le package npm dans le mini programme

npm install miniprogram-datepicker --production

node_modules peut être dans le répertoire racine du mini programme ou dans chaque module du répertoire racine. du mini programme dans le sous-répertoire. Mais il ne peut pas être en dehors du répertoire racine du mini-programme. En utilisant l'option --production, vous pouvez réduire l'installation de certains packages npm qui n'ont rien à voir avec l'entreprise, réduisant ainsi la taille de l'ensemble du petit package de programme.

2. Créez le package npm

Cliquez sur la commande "Build npm" sous le menu "Outils" de l'outil de développement d'applets WeChat pour créer le package npm. Les packages build npm peuvent être intégrés dans des packages qui peuvent être chargés et utilisés dans de petits programmes.

Le répertoire node_modules ne sera pas impliqué dans la compilation, le téléchargement et le packaging, donc si l'applet souhaite utiliser le package npm, elle doit passer par le processus "build npm", et un répertoire sera généré dans le répertoire de même niveau des node_modules les plus externes Le répertoire miniprogram_npm stockera le package npm construit et empaqueté, qui est le package npm réellement utilisé par le mini programme.

La construction et l'empaquetage sont divisés en deux types : le package npm du mini programme copiera directement tous les fichiers du répertoire de génération de fichiers de construction vers miniprogram_npm et les autres packages npm passeront par le processus d'analyse des dépendances et d'empaquetage à partir du fichier js d’entrée (similaire à webpack).

Le processus de recherche de packages npm est similaire à l'implémentation de npm. Commencez par le répertoire où se trouvent les fichiers qui dépendent des packages npm et recherchez couche par couche jusqu'à ce que vous trouviez un package npm disponible ou le répertoire racine. de l'applet.

Une fois la construction terminée, vous devez confirmer que le projet a coché "Utiliser le module npm".

3. Utilisez le package npm

js pour introduire le package npm :

const package = require('packageName')

Utiliser des composants personnalisés dans le package npm :

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

effet d'exécution du composant miniprogram-datepicker

Autres : documentation de support npm du mini-programme WeChat : https://developers.weixin.qq...

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!