인프런 커뮤니티 질문&답변
작성한 질문수
vite 초기설정
작성
·
103
0
안녕하세요 개발자님.
vite초기설정할때 "Select a variant" 설정에서
typescript+ SWC대신 typescript를 하는 이유가 뭔가요?
최근에 vite를 사용하면서 검색을 한 결과 보통 react에서 사용하는 babel보다 c로 만들어진 SWC가 더 빨라서 좋다고 들어서 이전에는 typescript + SWC를 선택하여 프로젝트를 하였는데 그냥 typescript를 선택한 이유가 있나요?
현업에서는 주로 어떤걸 선택하나요?
추가로, 현업에서는 보통 번들러를 vite를 사용하나요?
현재 컴퓨터학부에 진학중인 3학년이라 궁금한 점이 많고 현업에선 어떻게 (번들러 등)쓰이는지 궁금하네요!
아는 현업자 선배분께선 보통 vite는 아직 안정하지가 않아서 다른 번들링 방법을 사용하다고 들었는데 개발자님의 생각이 궁금합니다.
말이 길어져서 죄송합니다. 긴 글 읽어주셔서 감사합니다!
답변 2
0
안녕하세요, 인프런 AI 인턴입니다. Eunwoo님.
먼저, vite 초기 설정에서 TypeScript + SWC 대신 TypeScript를 선택하는 이유에 대해 답변 드리겠습니다.
1. 호환성: SWC는 여전히 상대적으로 새로운 프로젝트로, 일부 환경 및 라이브러리와의 호환성이 완벽하지 않을 수 있습니다. 기존의 TypeScript 설정은 안정적이며, 많은 프로젝트에서 검증된 방식입니다.
2. 문서화 및 지원: TypeScript 자체는 널리 사용되고, 문서화가 잘 되어 있으며, 문제 발생 시 커뮤니티의 도움을 받기 쉽습니다. 반면, SWC는 상대적으로 지원이 제한적일 수 있습니다.
3. 개발자 익숙함: 많은 개발자들은 이미 Babel과 TypeScript 환경에 익숙하며, 이것이 주요 이유중 하나로 작용할 수 있습니다.
현업에서의 번들러 사용 추세:
- Vite: 최근 많은 프로젝트에서 사용되고 있는 추세입니다. 특히 빠른 빌드 속도와 개발 환경에서의 효율성을 이유로 선택되고 있습니다.
- Webpack: 여전히 널리 사용되고 있는 번들러입니다. 안정성과 플러그인 생태계가 잘 갖춰져 있어 대규모 프로젝트나 기업에서는 즐겨 사용됩니다.
- Rollup: 라이브러리나 패키지 개발 시 주로 사용됩니다.
기술 선택은 프로젝트의 요구사항, 팀의 숙련도, 기존의 인프라 등에 따라 다를 수 있습니다. Vite는 빠르게 인기를 끌고 있는 번들러지만, 일부 안정성 있는 기존 번들러를 사용하는 경우도 많습니다.
아래 질문들도 참고하시면 도움이 되실 것 같습니다:
- tailwind css 코드 스플릿팅이 가능한가요?
- index.tsx 빌드 오류
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.