我正在学习 Vue,它的生态系统,现在我了解了 nuxt.js。
据我了解,这是帮助我们构建 Vue 应用程序的工具,但我们不也对 vite.js 做同样的事情吗?
它们有什么区别?
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 背后的人也是一个重要方面,他们中的大多数人在社区中都很有名+是认真的日常维护者!
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 背后的人也是一个重要方面,他们中的大多数人在社区中都很有名+是认真的日常维护者!