React 응용 프로그램에서 절대 가져오기 사용

얼마 전에, 나는 어떻게 React에서 절대 수입을 사용하는지 발견했다.나는 이렇게 늦게 그것을 찾은 것이 매우 유감스럽다. 왜냐하면 끼워 넣은 파일 구조를 가진 대형 프로젝트와 관련될 때, 그것은 매우 편리하기 때문이다.
절대 가져오기를 사용하면 React 구성 요소를 이렇게 가져오지 마십시오. import Button from '../../../Button/Button' 이렇게 할 수 있습니다. import Button from 'components/Button/Button'다음은 Create React App3 사용 방법에 대한 빠른 자습서입니다.

프로젝트의 루트 디렉터리에 jsconfig.json 파일을 만듭니다.

JSON 구성 붙여넣기

{
  "compilerOptions": {
    "baseUrl": "src"
  }
}

위의 코드 세그먼트는 Webpack이 src 디렉토리를 기본 디렉토리로 사용하도록 지시합니다.

완료.지금부터 전체 프로젝트에서 절대 가져오기

를 사용할 수 있습니다.