[Fix] 빌드 후 typescript 절대 경로 상대 경로로 변환하지 못하는 에러 해결 #43
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
ghdtjgus76
requested review from
eugene028,
hamo-o,
SeieunYoo and
kongnayeon
as code owners
eugene028
approved these changes
Jun 8, 2024
SeieunYoo
approved these changes
Jun 9, 2024
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
🎉 변경 사항
기존 tsconfig에서 사용하던 절대 경로 설정이 있었는데, 빌드 후에도 상대 경로로 변환되는 것이 아니라 설정한 절대 경로 그대로 지정되어 타입을 불러오지 못했습니다.
첫 번째 사진은 빌드 전, 두 번째 사진은 빌드 후입니다.
기존 설정으로 빌드할 때 @rollup/plugin-alias 라이브러리를 사용해서 절대 경로를 변환해줬습니다.
이는 hooks나 components 등 타입 선언 파일을 제외한 런타임에 돌아가는 파일들만 변환해줘서 타입 선언 파일에는 적용되지 않았습니다.
그래서 레퍼런스를 찾다가 아래 방법을 찾게 되었습니다.
가장 간단한 방법인 tsc-alias 방식을 사용했고, 문제가 생겼던 wow-ui, wow-icons에 둘 다 적용해놨습니다.
ezolenko/rollup-plugin-typescript2#201
해당 설정으로 빌드하면 아래와 같이 Chip 컴포넌트의 타입 선언 파일을 잘 불러오고 타입 관련 에러도 잘 뜨는 것을 볼 수 있습니다.
아이콘도 마찬가지로 타입 추론 잘 됩니다.
🚩 관련 이슈
🙏 여기는 꼭 봐주세요!