随着第一届Nuxt Nation大会的结束,我们很多人都在思考Nuxt 3。那么这次会议对Nuxt的未来有什么收获呢?下面是我们所学到的快速概述!
测试版发布
最令人兴奋的是,我们现在已经确定了测试版的发布日期。在2021年10月12日的日历上做个记号。
Vue 3
如果你因为Nuxt缺乏对Vue 3的支持而对使用Nuxt犹豫不决,那么你的等待就要结束了!Nuxt 3是用最新的Vue 3构建的。Nuxt 3是用最新版本的Vue构建的,因此将获得Vue 3框架的所有好处,包括。
- 改进的性能
<script setup>
- 和合成API
Nitro
Nuxt 3将建立在一个名为Nitro的全新服务器引擎上。由于服务器引擎的重写,Nuxt现在将从以下方面受益。
- 优化的冷启动与动态服务器代码分割(从Nuxt 2的250ms到Nuxt 3的5ms)
- 递增的静态生成(能够混合使用SSR和SSG)
- 可以部署到任何支持JavaScript的系统(包括Node.js、Serverless、Workers、Edge-side rendering或纯粹的静态)。
- 部署到Netlify、Vercel、Azure、AWS和CloudFlare Workers等无服务器平台(平台自动检测,无需配置)
- API路由,像页面一样,但用于API端点
捆绑器
Nuxt 3将支持与最新版本的Webpack(版本5)以及Vite捆绑,用于开发和生产构建。无论你选择哪一个,你一定会体验到更快的开发体验和减少生产构建时间。
PS.如果你想在Nuxt 2的开发中使用Vite,你现在可以使用Nuxt Vite模块。只是要注意它仍然是实验性的,可能不会和很多模块一起使用,但到目前为止,我用它取得了一些不错的成绩。
Nuxt Bridge
担心从Nuxt 2迁移到Nuxt 3?Nuxt实验室的优秀团队知道这种迁移的现实问题,并努力使这种过渡尽可能的简单。这就是Nuxt Bridge的作用。Nuxt Bridge提供。
- 向后兼容Nuxt 2 nuxt.config.js
- 和Nuxt 2模块和插件的向后兼容性
另外,Nuxt bridge还允许你通过向Nuxt 2回传一些Nuxt 3的功能来逐步更新到Nuxt 3,包括。
- Nitro服务器
- CLI和Devtool支持
- 带有自动导入功能的Nuxt 3 Composition API
- Nuxt工具包
- 内建的Typescript支持
- 以及更多!
其他新功能!
- UnJS组织--Nuxt核心拆分为Node和Deno兼容包
- 可选的页面支持--只在需要时使用Vue Router
- **Nuxt CLI--**用于轻松搭建新项目和集成模块的脚手架
- **Nuxt Devtools -**使用专门的工具在浏览器上调试Nuxt
- **原生ESM支持--**几乎在任何地方都可以使用
export default
- 自动全局导入--使用
<script setup>
,无需导入ref、computed等。 - Suspense- 在任何组件中获取数据,在导航之前或之后。
- Typescript- 用Typescript构建,支持Typescript开箱即用。
- Nuxt Kit- 模块开发工具,支持Typescript和跨版本的兼容性。
我不知道你怎么想的,但我对这个即将发布的版本感到非常兴奋!去看看官方即将发布的页面,了解更多信息:https://nuxtjs.org/v3