How to get rid of the long component path when connecting components in Vue?

Question

Vue.js

The problem began to irritate me very much:

And so in almost every file: you literally feel for how many times you need to go back and then step to the desired component. There are also much longer chains from ../
The same goes for connecting style modules inside a Vue component.
Is it possible to somehow organize the connection from the project root?

Answer 1

webpack alias . For Vue versions below 3, in webpack.config.js, above 2 respectively in vue.config.js