[TIL] 08.04 babel, preset

babel을 사용하여 절대 경로를 지정을 하였는데 제대로 경로를 불러 오지 못하는 에러가 발생하였다. tsconfig baseURL 수정 하니 해결이 되었다. 

babel preset은 자신만의 babel 환경 설정을 말한다. next에서 제공하는 next/babel 을 사용하면 대부분 대응해준다.

자신이 직접 만들어 볼 수 도 있다. 

 

next 에서 바벨 preset과 절대 경로 설정 

절대경로를 설정하기 위해서는 babel-plugin-module-resolver를 설치해 주어야 한다.

 

{
  "presets": ["next/babel"],
  "plugins": [
    [
      "module-resolver",
      {
        "root": ["./src"],
        "alias": {
          "routes": "routes",
          "types": "types",
          "actions": "redux/actions",
          "constants": "constants",
          "components": "components",
          "hooks": "hooks",
          "hoc": "hoc"
        },
        "extensions": [".js", ".jsx", ".tsx"]
      }
    ]
  ]
}

tsconfig 에서도 절대 경로 설정이 가능하다. path객체로 설정을 해주는 방식이였는데 다음에 기회가 생기면 tsconfig로 설정을 해보아야 겠다.