Vuejs: Acessing root folder shortcut @

Roni_Sommerfeld · April 7, 2020, 7:27am

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”

nolimits4web · April 7, 2020, 3:41pm

It is handled by webpack, check its resolve section in webpack.config.js https://webpack.js.org/configuration/resolve/

Something like:

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

Roni_Sommerfeld · April 7, 2020, 5:43pm

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 …