[Pro Tip] `link npm` wyjaśniony

czas na kolejną pigułkę wiedzy Angular!
nauczenie się czegoś nowego zajmuje zaledwie kilka sekund 🔥
Jak przyjmowanie porannych witamin 😃

Jeśli pracujesz nad biblioteką, którą chcesz zaimportować do swojej aplikacji, nie musisz jej publikować w żadnym repozytorium npm! Możesz połączyć go lokalnie. Wyobraź sobie, że tworzysz bibliotekę Angular lub masz motyw CSS w oddzielnym pakiecie npm, który chcesz zaimportować lokalnie do swojej aplikacji. Możesz użyć polecenia npm link jak poniżej. 😎

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.

teraz możesz zaimportować swoją bibliotekę bezpośrednio do aplikacji, jak poniżej. Ale jest haczyk! catch

Alt Text

haczyk polega na tym, że potrzebujesz jeszcze jednej zmiany w pliku angular.json! Musisz dodać właściwość preserveSymlinks, jak przedstawiono poniżej. I to wszystko! Możesz uruchomić aplikację z lokalną zależnością! 🔥

Alt Text

Jeśli chcesz otrzymywać tego rodzaju pigułki wiedzy bezpośrednio do swojej skrzynki pocztowej, zapisz się na angular-academy.com/blog/ Będę je regularnie wysyłał! Pamiętaj, że wystarczy 10 sekund, aby nauczyć się czegoś nowego! 😃

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.