To avoid ../../../../../../filename.ts
garbage in the source code you can use Typescript Path Aliases.
This approach not only cleans up your imports but also helps when making refacoring and moving packages/modules around.
No matter where you will place your package, all imports allways will be resolvable.
But this is not enought at runtime. For example if you want to run WebPack dev-server. By default webpack does not know how to resolve those imports. You need to tweak WebPack config
Other resources: