[Astuce de pro] `npm link` expliqué

Il est temps pour une autre pilule de connaissance Angulaire!
Cela ne prend que quelques secondes pour apprendre quelque chose de nouveauComme prendre vos vitamines du matin

Si vous travaillez sur une bibliothèque que vous souhaitez importer dans votre application, vous n’avez pas à la publier dans un référentiel npm! Vous pouvez le lier localement. Imaginez que vous développiez une bibliothèque Angulaire ou que vous ayez peut-être votre thème CSS dans un package npm séparé que vous souhaitez importer localement dans votre application. Vous pouvez utiliser la commande npm link comme ci-dessous. 😎

Alt Text

npm link creates a symbolic link (symlink) from your <global node_modules> directory to the local library’s directory.

npm link <library-name> creates a symbolic link from project’s local node modules directory ./node_modules/<library_name> to <global_node_modules>/<library_name>.

To locate your <global node_modules> directory, type npm root -g in the command line.

Maintenant, vous pouvez importer votre bibliothèque directement dans votre application comme ci-dessous. Mais, il y a un hic! 😱

Texte alternatif

Le problème est que vous avez besoin d’un changement de plus dans votre fichier angular.json! Vous devez ajouter une propriété preserveSymlinks comme présenté ci-dessous. Et c’est tout! Vous pouvez exécuter votre application avec la dépendance locale ! 🔥

Texte alternatif

Si vous souhaitez recevoir ce type de pilules de connaissances directement dans votre boîte aux lettres, abonnez-vous à angular-academy.com/blog /. Je vais les envoyer régulièrement! Rappelez-vous, il suffit de 10 secondes pour apprendre quelque chose de nouveau! 😃

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.