[Pro-Tipp] `npm link‘ erklärt 🎉

Es ist Zeit für eine weitere eckige Wissenspille!
Es dauert nur ein paar Sekunden, um etwas Neues zu lernen 🔥
Wie Ihre Morgenvitamine 😃

Wenn Sie an einer Bibliothek arbeiten, die Sie in Ihre Anwendung importieren möchten, müssen Sie sie nicht in einem npm-Repository veröffentlichen! Sie können es lokal verknüpfen. Stellen Sie sich vor, Sie entwickeln eine Angular-Bibliothek oder haben Ihr CSS-Design in einem separaten npm-Paket, das Sie lokal in Ihre Anwendung importieren möchten. Sie können den Befehl npm link wie unten verwenden. 😎

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.

Jetzt können Sie Ihre Bibliothek wie unten beschrieben direkt in Ihre Anwendung importieren. Aber, es gibt einen Haken! 😱

Alt Text

Der Haken ist, dass Sie eine weitere Änderung in Ihrer angular.json Datei benötigen! Sie müssen eine Eigenschaft hinzufügen preserveSymlinks wie unten dargestellt. Und das war’s! Sie können Ihre Anwendung mit der lokalen Abhängigkeit ausführen! 🔥

Alt Text

Wenn Sie diese Art von Wissen Pillen direkt in Ihre Mailbox erhalten möchten, abonnieren Sie an angular-academy.com/blog/. Ich werde sie regelmäßig senden! Denken Sie daran, es dauert nur 10 Sekunden, um etwas Neues zu lernen! 😃

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.