Vuejs: Acessing root folder shortcut @

Hello people!
A question perhaps, extremely simple, however, I believe that the F7 works differently from Vue.

I am looking to import the files to a certain folder, but the shortcut @ is not being recognized the same in Vuejs.

How does the shortcut for example, “import com from @Components/mycomponent” or “import js from @ js/file.js”

It is handled by webpack, check its resolve section in webpack.config.js

Something like:

resolve: {
    extensions: ['.vue', '.js', '.json'],
    alias: {
      '@': resolvePath('src'),

Hi @nolimits4web, the excerpt you cited already exists added to the webpack.

However when I try to use the shortcut as I mentioned it returns me an error, example, below …