Using @ for import in React.js

Question

I'm trying to adapt a Next.js template to start a new project. However, I have seen this type of import in previous projects.

import config from "@config/config.json";
import theme from "@config/theme.json";

I would like to know how to do this type of import using @. Which term should I search in the documentation to achieve this?

I would appreciate any explanation.

Answer 1

Create a jsconfig.json file in the root of your directory and

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

Enjoy it