react + typescript 절대경로 import

babel-plugin-module-resolver 플러그인 추가

 

babel.config.js 해당 플러그인 추가 후 alias 에 별칭  : 주소 형태로 저장

plugins: [
    [
      'module-resolver',
      {
        root: ['.'],
        alias: {
          '~': './src',
          '~buttons': '.src/components/buttons',
        },
      },
    ],
  ],

 

tsconfig 에 baseUrl 과 paths 추가

"baseUrl": "./src"
    "paths": {
      "~/*": ["./*"],
      "~buttons/*": ["components/buttons/*"]
    },