In projects, we're using a variety of different ways to set up aliases:
- webpack (simple and complex)
- typescript (.tsconfig)
- sometimes Nuxt (which has its own config for aliases)
Depending on the project / framework we use a combination of:
- no prefix
- @ prefix
- ~ prefix
We also mark some folders as resource roots.
We use ES6 and also TypeScript
We use standalone files and also Vue SFCs
We're finding that sometimes Webstorm is brilliant at figuring out where the alias is, and other times, it has no idea.
We figure from other posts, that Vue SFC / lang="ts" support is not quite there yet.
Can someone explain once and for all how Webstorm figures out aliases?
It would be great to have a list that we can refer to so we know it does a, b, c to work this out.
And if there are gaps, could some workarounds be suggested?
PS. See my Tweet :P