vite 관련해 질문드립니다

Question

프로덕션에 vite를 사용하여 개발환경을 구성하려고 공부 중인데, 궁금한 점이 생겨 질문 올립니다! 제가 vite 공식 가이드와 구글링하면서 이해한 바로는 “기존 브라우저 환경에서는 모듈화된 코드들을 브라우저가 읽을 수 없어 webpack과 같은 번들러를 이용해 하나의 파일로 합치는 과정을 거쳤고, 이것이 일반적인 번들러의 역할이었으나 브라우저가 ESM을 지원하면서 import, export를 별도의 도구 없이 브라우저 자체에서 해석할 수 있고 처리할 수 있게 되었으며 vite는 이 점을 활용하여 번들링 과정 없이 바로 실행하여 파일이 import되어 필요할 때 불러오는 방식을 사용한다. “ 라고 이해했는데 혹시 맞을까요? 추가로 vite의 공식 가이드에는 “프로덕션에서 번들 되지 않은 ESM을 가져오는 것은 중첩된 import로 인한 추가 네트워크 통신으로 인해 여전히 비효율적입니다” 라고 나와있는것을 보았을때, 위에 적힌 번들링없이 실행하는 것은 개발모드에만 사용되며, 프로덕션에는 여전히 webpack과같이 번들링을 진행하며 webpack대신 Rollup을 사용한다는 점만 다르다고 이해하였는데 이부분에서 틀린내용이 있을까요? 만약 그렇다면 vite가 강조하는 장점이 프로덕션에는 크게 작용하지않는다고 느껴져서요. 질문 자체가 잘못되었거나 ,틀린내용이 있다면 편하게 지적주시고 알려주시면 감사드리겠습니다!

brian55 · Answer

틀린내용은 없습니다. vite가 강조하는 장점이 프로덕션에는 크게 작용하지않는다고 느껴져서요.-> 그렇게 볼 수도 있습니다.어차피 빌드때 vite가 할수있는건 최신 버전의 webpack도 다 가능할거에요그럼에도 vite를 쓰는 이유는 공식문서 Vite를 사용해야 하는 이유 쪽을 보시면 됩니다.결국 DX를 좋게해 개발자의 생산성을 높혀주는게 vite의 핵심이죠

kenu,전독시 · Answer

cra와 비교하면 vite는 정말 탁월합니다. packagemodule sizereact-cra306Mreact-vite37M

vite 관련해 질문드립니다

2개의 답변

#vite 목록