[Pro Tip] `npm link` explained 🎉

It’s time for another Angular Knowledge Pill!leva apenas alguns segundos para aprender algo novo como tomar as vitaminas da manhã se você está trabalhando em uma biblioteca que você quer importar para sua aplicação, você não tem que publicá-la em nenhum repositório do npm! Pode ligá-lo localmente. Imagine que desenvolve uma biblioteca Angular ou talvez tenha o seu tema CSS num pacote npm separado que deseja importar para a sua aplicação localmente. Você pode usar o comando npm link como em baixo. 😎

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.

Agora, você pode importar a sua biblioteca diretamente na sua aplicação como em baixo. Mas há um senão! 😱

alt Text

the catch is that you need one more change in your angular.json file! Você precisa adicionar uma propriedade preserveSymlinks como apresentado abaixo. E é isso! Você pode executar sua aplicação com a dependência local! 🔥

Alt Text

angular-academy.com/blog/. Vou enviá-los regularmente! Lembre-se, só leva 10 segundos para aprender algo novo! 😃

Deixe uma resposta

O seu endereço de email não será publicado.