[#35] path aliases 설정

[im-na0]

Issue Number

close #35

⛳️ Task

• 화이팅하기
• path aliases 설정

✍️ Note

    "paths": {
      "@/*": ["./src/*"],
      "@components/*": ["./src/components/*"],
      "@hooks/*": ["./src/hooks/*"],
      "@pages/*": ["./src/pages/*"],
      "@styles/*": ["./src/styles/*"],
      "@constants/*": ["./src/constants/*"],
      "@assets/*": ["./src/assets/*"],
      "@api/*": ["./src/api/*"],
      "@mocks/*": ["./src/mocks/*"],
      "@routes/*": ["./src/routes/*"],
      "@utils/*": ["./src/utils/*"],
      "@type/*": ["./src/types/*"]
    }

📸 Screenshot

📎 Reference

[github-actions]

Visit the preview URL for this PR (updated for commit 0d4f087):

https://percenthotel--pr36-feature-35-path-ali-guydc4yy.web.app

_{(expires Thu, 11 Jan 2024 04:51:57 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 5f3aee9d8d8535dbb552ad12361bc813c5a90573}

[wowba]

사용 방법은 import *** from "@pages/***" 처럼 쓰면 되는건가요?

[im-na0]

사용 방법은 import *** from "@pages/***" 처럼 쓰면 되는건가요?

넵 맞습니다!

[wowba]

alias를 써본적이 없는데, 폴더 구조가 크게 변하지 않는 이상 유용할 것 같습니다!

[Bumang-Cyber]

이렇게 절대경로로 사용하는거 좋습니다. 수고하셨습니다!
그런데 나중에 vitest쓸 때 얘가 alias 알아먹게 해주는거 세팅해줘야하나봐요.
그것만 유의하면 괜찮을거 같습니다!

[im-na0]

vitest

오옹 vitest 를 사용하려면 따로 alias 설정해줘야하군용
이슈 공유주셔서 감사합니다!!!👍

https://vitest.dev/guide/common-errors#cannot-find-module-relative-path
이 아티클에 나와있는대로 vitest에서도 path alias 사용하도록 설정해주니 제대로 import 되는걸 확인했습니다 ^.^
해당 부분 추가했습니다

[chaeminseok]

alias써본적은 없는데 path가 더 직관적이여서 좋네요. 세팅감사합니다