Tips and tricks

npm link method

on your angular project library, run npm run build projectname

then in Terminal, navigate on dist/projectname and run npm link

this should create a global symlink in the global npm packages folder, you can find it if you run %APPDATA% and go to npm/node_modules, then if you open it with terminal and run ls

notice that l that marks a symlink

if you

npm link libraryname

in your folder, then you should have the same symlink mark

npm pack method

This is an alternative to npm link. npm link but seems undeterministic to me sometimes

First go to your project folder where you have the package.json and run this command

npm run build

find the dist folder and run

npm pack

Now, right click this .tz file and copy the absolute path.

Next go to your package.json and replace your package link with

"yourpackage": "file:path_to_file.tz"

Check if your plugin is linked

npm ls -g --depth=0 | grep plugin-name-from-package-json

you can undo

if you want to uninstall you can do

npm unlink -g plugin-name-from-package-json

you can also clean your library

npm unlink plugin-name-from-package-json
rm -rf node_modules/plugin-name-from-package-json

yalc method

Install yalc

npm i -g yalc

build library

ng build library --watch

go to library and publish it

cd ./dist/lib
rm -rf /folder-project/.angular/cache
yalc publish --push

you can also push new versions

cd ./dist/lib
rm -rf /folder-project/.angular/cache
yalc push

add it in your project

cd ./proj
ng cache clean
yalc add lib-name

clean yalc

go to your project

yalc remove plugin-name-from-package-json
rm -rf .yalc

then reinstall deps

npm i