Was ist der Unterschied zwischen Nuxt und Vite?

Question

Ich lerne Vue und sein Ökosystem kennen und verstehe jetzt nuxt.js.

Soweit ich weiß, ist dies ein Tool, das uns beim Erstellen von Vue-Anwendungen hilft, aber machen wir das nicht auch mit vite.js?

Was ist der Unterschied zwischen ihnen?

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 背后的人也是一个重要方面，他们中的大多数人在社区中都很有名+是认真的日常维护者！