Comment personnaliser le code du module installé existant

Question

J'utilise un module Angular2 qui me fournit un champ de saisie de point personnalisé (module angular2-tag-input), mais j'aurais besoin d'une fonctionnalité dans l'entrée que le module ne fournit pas.

Étant donné que cette fonctionnalité est assez spécifique à mon projet, elle ne peut pas être considérée comme une demande d'extraction pour le développeur.

Donc ce que je voudrais faire est de personnaliser le module localement, comment puis-je faire cela? J'ai essayé de changer le code directement dans node_modules/blabla/dist/ mais cela ne semble pas fonctionner ... Webpack détecte mes changements (il se reconstruit à chaque fois que j'enregistre les fichiers) mais le contenu du site web ne reflète pas mes changements. De plus, cette technique ne serait pas compatible avec git, comme node_modules sont des fichiers non suivis, spécifiquement installés sur chaque poste de travail en ce qui concerne le fichier yarn.lock dépendances ...

Answer 1

Ce n'est pas une question sur les modules angulaires mais plutôt une question sur NPM modules. Il y a plusieurs façons de faire

D'abord cloner localement le dépôt git du module que vous souhaitez personnaliser, apportez vos modifications.

ensuite de l'intégrer dans votre application JHipster, il y a peu d'alternatives:

• utilisation yarn link ou npm link, ce qui est souvent quels modules développeurs font pour tester localement et est généralement décrit dans leurs directives de contribution
• poussez votre clone sur github.com ou vers un autre serveur git, puis modifiez votre package.json en specify a git URL comme source de la dépendance de votre module
• construisez votre module npm et publiez-le dans un registre interne npm