Should I be able to use absolute path imports?

Hi there,

I’m wondering if I’m supposed to be able to do something like

import ComponentWhatever from 'src/components/ComponentWhatever'

instead of one of these:

import ComponentWhatever from '@/components/ComponentWhatever'
import ComponentWhatever from '../components/ComponentWhatever'

I found the @ alias, but I’m not sure if absolute paths work out-of-the-box. I’m running into issues with my vue-cli-webpack project + Jest, and I think it’s because Jest is not translating the @ alias so I’d like to avoid it and just use the absolute path (if possible).

thanks!

[afontcu]

Well, looks like I fixed my issue with Jest, just missed this regex pattern in my ModuleNameMapper:

"^@[/](.+)": "<rootDir>/src/$1",

I still don’t get why I can’t just use src/components/Component/ but since the @ alias is working…

[afontcu]

@nickmessing finally! Now I understand, I was adding both the module.exports line and also src/ to every import statement. Thanks!

Then I added

"^components[/](.+)": "<rootDir>/src/components/$1",

to the ModuleNameMapper object from my Jest config and components/MyComponent worked fine both in dev and test environments.

Kudos to you! 🎉