React의 절대 경로

앱에서 절대 경로가 필요한 이유는 무엇입니까?

문제
폴더 구조를 구성하는 데 많은 시간을 들이지 않고 애플리케이션에서 작업하는 것은 세분화된 세부 정보가 필요하고 때로는 앱 초기 단계로 인해 폴더 구조를 완벽하게 생성하지 않기 때문에 대부분의 개발자의 공통된 이야기입니다.
그리고 대부분의 경우 앱을 완료하거나 중간에 폴더 구조를 변경할 때 악몽입니다.
영향을 받는 모든 파일의 경로를 상대적으로 변경하는 것은 고통스러운 일입니다.

해결책
그래서 여기에 절대 경로의 솔루션이 있습니다.

절대 경로는 설정에 따라 루트 폴더에서 파일에 액세스할 수 있으므로 개발 도중이나 폴더 구조가 자주 변경되는 경우에도 폴더 구조 변경에 신경 쓰지 않도록 도와줍니다.

상대 경로와 절대 경로

상대 경로 : ../../SubFolder/File절대 경로: components/Folder/SubFolder/File

React에서 어떻게 설정하나요?

루트 폴더로 이동하여 JS 기반 리액트 앱용 파일jsconfig.json을 생성합니다.
구성을 파일에 넣습니다.

{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
}

서버를 다시 시작하면 이제 전체 경로로 파일에 액세스할 수 있습니다.

components/Folder/SubFolder/File

tsconfig.json 프로젝트의 루트에 있는 (TypeScript 템플릿에 이미 생성됨)