리액트, 타입스크립트 프로젝트의 절대경로 임포트

react-typescript-absolute.md

1. tsconfig

tsconfig.json 쪽에 baseUrl 속성이 들어가야 한다.

  "complilerOptions": {
    ...
    "baseUrl": ".",
    ...
  },
  "extends": "tsconfig.paths.json"

그리고, extends로 별도의 tsconfig 파일을 상속한다.

tsconfig.paths.json

{
    "compilerOptions": {
        "paths": { "@app/*": ["src/*"] },
    }
}

2. webpack

$ yarn eject

이젝트 하고, config/webpack.config.js 파일에 접근.

config/webpack.config.js

resolve: {
  ...
  alias: {
    ...
    '@app': path.resolve(__dirname, '../src'),
  }
}