我正在学习Vue,它是生态系统,现在我读到了nuxt.js.

据我所知,这是帮助我们构建Vue应用程序的工具,但我们不是也可以用vite.js来做同样的事情吗?

它们之间有什么不同?

推荐答案

Vite是一个像webpack一样的构建工具,它基本上允许你在你的应用程序上进行本地工作,并为生产构建它.它还将带来各种加载器、热模块替换功能、环境变量、assets资源 管理等.

Nuxt与这一切完全无关.它与Gatsby/Next/Vitepress的Reaction/Svelte相当.

它的目标是为VueJS提供更多功能.例如,Vue只能作为SPA运行,这意味着你不会得到搜索引擎的任何类型的索引,而Nuxt确实有SSR和SSG模式,可以让你的网站被高效地抓取.

It also brings a lot of Developer Experience niceties: auto import of the composition API, of the components, simple routing, huge ecosystem thanks to all of Nuxt's modules, simpler configuration etc...
It's more like VueJS apps on steroids basically!

此外,最新版本的Nuxt(V3)可以开箱即用.因此,这两者是互补的,因为你需要一个构建工具来在JS生态系统中工作,你会得到比VueJS更多的功能.


有像vite-plugin-ssrvitesse这样的工具(由One Nuxt的核心维护者BTW创建),他们可以解决静态生成某些路由/等的基本需求,但它没有那么强大,周围有较小的社区,总体上进展有点慢.

信任Nuxt/Vite背后的人也是一个重要的方面,他们中的大多数在社区中都很有名气,+是认真的日常维护者!

Vue.js相关问答推荐

vue 不重新渲染数据更改

使用计算(computed)属性更改视图

vite - 具有相对assets资源 路径的子页面

如果找不到路由,Vue.js如何重定向到公共路由

Vuetify 复选框:如何停止点击事件?

如何 for each 用户分组聊天消息?

如果 Vuetify 自动完成没有匹配的结果,则保留输入的文本

Nuxt.js 中的开发工具样式编辑问题

Vue index.html favicon 问题

如何在 vue.js 构建中重命名 index.html?

正确实现 Vue.js + DataTables

如何在不实例化根实例的情况下使用 vue 组件?

Vue:从 Vue 实例更新组件数据

如何在 Vue 中转发 $refs

Vue路由安全

动态更改我的 Vue.js SPA 主题的最佳方式?

Axios 捕获错误请求失败,状态码 404

TypeError: Object(...) 不是 Vue 中的函数

Vuejs 组件等待 facebook sdk 加载

使用 svelte js 的原因