`import from '@/some/path'` 中的 @ 是什么意思

Question

Using IntelliJ IDEA to write a webapp in TypeScript, it autocomplete imports from other files of my project like this:

import {Symbol} from '@/components/Symbol';

What is the meaning of the @ here? Where is it documented?

Note that this is when importing files from the same project. Imports from npm packages only use the package name (which may start with a @).

I haven't found anything about this in TypeScript Module Resolution , and when searching for typescript @ import in Google or SO, it seems the @ character from the query is ignored...

Edit: This is in a Next.js project created with npx create-next-app .

Answer 1

If you are using vite or webpack, then your configuration will have a resolve.alias key to alias strings to a path. Vite documentation Webpack documentation

Answer 2

This turned out to be a tsconfig path , which was put there by npx create-next-app :

{
  "compilerOptions": {
    "paths": {
      "@/*": ["./src/*"]
    }
  },
}