리액트를 다루는 기술 absolute path 사용법

.env에 NODE_PATH=src를 넣고 sass-loader 설정 부분에 includePaths: [paths.globalStyles]를 넣는 작업 등을 하는데 현재 create-react-app에서는 사용이 안되는 것으로 보인다. 

 

 

..../src/components/App.js 에서 다음 파일( ..../src/styles/app.scss )을 절대 경로로 import 하는 법은 다음과 같다.

 

package.json이 있는 경로에 jsconfig.json을 만들고 입력한다.

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

 

그 후 App.js 에서 다음처럼 입력한다. 

import "styles/app.scss";

 

그럼 절대경로로 불러온 것을 볼 수 있다. 

이 외에도 babel이나 다른 방식으로 absolute path를 사용할 수는 있는 것으로 보인다.

 

책이 18년도에 개정되어서 실행이 안되는 코드도 다수 있다.