Astro 5.0 ,爆火的现代化前端框架!
Astro 5.0,该版本带来了以下更新:
-
内容层:
提供了一种统一的、类型安全的API来定义、加载和访问内容。
支持从任何来源加载内容,包括文件系统、CMS、REST API 等。
通过内置的或自定义的加载器来获取和转换数据。
提升了性能,Markdown页面的构建速度提高了5倍,MDX页面提高了2倍,同时内存使用减少 25 - 50%。 -
Server Islands:是对 islands 架构概念在服务器端的扩展。
允许在同一页面上结合高性能的静态HTML和动态服务器生成的组件。
用于处理个性化内容,如用户的头像、购物车和产品评论。
提供了更好的缓存策略,允许对页面的不同部分进行不同程度的缓存。 -
简化预渲染:
将混合(Hybrid)和静态(Static)输出模式合并到默认的静态选项中。
允许通过添加适配器在服务器上动态渲染单个路由,无需额外配置。 -
类型安全环境变量(astro:env):
提供了一种类型安全的方式来定义应用预期和需要的环境变量。
可以指定变量是在客户端还是服务端使用。
可以指定变量是否为秘密(如API密钥),以及是否为必需或可选。 -
支持 Vite 6:
Astro 5是首批搭载 Vite 6 的框架之一。
Vite 6 的新特性包括环境API,允许更紧密地将开发体验与生产环境对齐。 -
实验性功能:
响应式图片裁剪支持:使用 Sharp 图像服务进行图片处理时支持裁剪。
响应式图片布局:自动生成适当的srcset
和sizes
值,以优化不同设备上的图片显示和性能。
SVG组件:允许将.svg
文件导入并像其他Astro
组件一样使用,可以传递属性如width
、height
、fill
、stroke
等。