84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
我正在学习 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 背后的人也是一个重要方面,他们中的大多数人在社区中都很有名+是认真的日常维护者!