Nuxt 和 Vite 有什麼區別？

Question

我正在學習 Vue，它的生態系統，現在我了解了 nuxt.js。

據我了解，這是幫助我們建立 Vue 應用程式的工具，但我們不也對 vite.js 做同樣的事情嗎？

它們有什麼區別？

Answer 1

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 的核心維護者創建）可以解決靜態生成一些路由等的基本需求，但它不是那麼強大​​，社區較小在它周圍，整體移動速度要慢一些。

信任 Nuxt/Vite 背後的人也是一個重要方面，他們中的大多數人在社區中都很有名 是認真的日常維護者！