더북(TheBook)

16.2.3 NODE_PATH 설정

 

컴포넌트나 모듈을 import할 때 보통 상대 경로로 불러옵니다. 예를 들어 page 경로 내부에서 components 디렉터리에 있는 MyComponent를 불러와야 한다면 ‘../components/MyComponent’ 이렇게 불러와야겠죠? 디렉터리 구조가 깊어질수록 ‘../../../../components/MyComponent’ 이런 식으로 ../를 엄청나게 많이 작성해야 하므로 헷갈릴 수도 있습니다. 이런 문제는 프로젝트의 루트 경로를 지정하여 파일을 절대 경로로 불러오면 쉽게 해결할 수 있습니다.

우선 package.json 파일을 열어 scripts의 startbuild를 다음과 같이 수정하세요.

package.json - start와 build

    “start”:NODE_PATH=src react-scripts start”,
    “build”:NODE_PATH=src react-scripts build”,

 

Windows 사용자라면 이 코드가 제대로 작동하지 않을 것입니다. Windows 사용자는 yarn으로 cross-env를 설치합니다.

$ yarn add cross-env

 

각 스크립트의 앞부분에 NODE_PATH를 설정하세요.

package.json - start와 build

    “start”: “cross-env NODE_PATH=src react-scripts start”,
    “build”: “cross-env NODE_PATH=src react-scripts build”,

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.