react import 문에서 @ 기호는 무엇을 의미합니까?

react import 문에서 @ 기호는 무엇을 의미합니까?

저는 resact js 프론트엔드로 루비 온 레일즈 애플리케이션을 작업하고 있습니다.

여기서 @는 무엇을 의미합니까?

import ProductCard from '@components/search/ProductCard';

경로 매핑은 특정 폴더를 가리키는 별칭입니다.

Typescript(태그에 표시됨)를 사용하는 경우 tsconfig.json에서 "경로 매핑"을 설정할 수 있습니다.

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

이렇게 하면 특정 폴더를 가리키는 "@components"에 대한 별칭이 만들어집니다.

자세한 내용은 여기를 참조하십시오. https://www.typescriptlang.org/docs/handbook/module-resolution.html#path-mapping

기타 가능성

다음과 같은 범위의 패키지일 수 있습니다.@types/xxx하지만 이 경우에는 그럴 가능성이 낮습니다.

언급URL : https://stackoverflow.com/questions/52842770/what-does-the-symbol-mean-in-a-react-import-statement