Nuxt와 Vite의 차이점은 무엇입니까?

Question

저는 Vue와 그 생태계를 배우고 있으며 이제 nuxt.js를 이해합니다. 내가 이해한 바에 따르면 이것은 Vue 애플리케이션을 구축하는 데 도움이 되는 도구이지만 vite.js에서도 동일한 작업을 수행하지 않습니까? 그들 사이의 차이점은 무엇입니까?

P粉124890778 · Answer

Vite는 기본적으로 애플리케이션에서 로컬로 작업하고 프로덕션 환경에서 빌드할 수 있게 해주는 Webpack과 유사한 빌드 도구입니다. 또한 다양한 로더, 핫 모듈 교체 기능, 환경 변수, 자산 관리 등을 제공합니다.

Nuxt는 이 내용과 전혀 관련이 없습니다. Gatsby/Next/Vitepress의 React/Svelte와 비슷합니다.

VueJS에 더 많은 기능을 제공하는 것이 목표입니다. 예를 들어 Vue는 SPA로만 실행됩니다. 즉, 검색 엔진에서 어떤 종류의 색인도 얻을 수 없지만 Nuxt에는 사이트를 효율적으로 크롤링할 수 있는 SSR 및 SSG 모드가 있습니다.

또한 복합 API 자동 가져오기, 구성 요소, 간단한 라우팅, 모든 Nuxt 모듈 덕분에 거대한 생태계, 간단한 구성 등 많은 개발자 경험 이점을 제공합니다...
기본적으로 VueJS 애플리케이션에 더 가깝습니다!

또한 최신 버전의 Nuxt(v3)는 기본적으로 Vite와 함께 작동합니다. 따라서 오늘날의 JS 생태계에서 작동하려면 빌드 도구가 필요하고 VueJS보다 더 많은 기능을 얻을 수 있다는 점에서 둘 다 상호 보완적입니다.

일부 경로 등을 정적으로 생성하는 기본 요구 사항을 해결할 수 있는 vite-plugin-ssr 및 vitesse(Nuxt의 핵심 관리자가 만든 btw)와 같은 도구가 있지만 그다지 강력하지는 않으며 커뮤니티도 주위가 작을수록 전체 이동 속도가 느려집니다.

Nuxt/Vite 뒤에 있는 사람들을 신뢰하는 것도 중요한 측면입니다. 그들 대부분은 커뮤니티에서 잘 알려져 있고 진지한 일일 관리자입니다!